@charset "utf-8";
/* CSS Document */

.contact_content{
	padding: 40px;
	border: 4px solid #b0206c;
	position: relative;
	max-width: 570px;
	margin: auto;
}

.contact_content .door_1{
	position: absolute;
	left: -84px;
    rotate: 90deg;
    top: 115px;
	visibility: visible;
}

.contact_content h2{
	text-align: center;
	font-size: 14px;
	margin: 0px;
}

.social{
	margin: 0px;
    padding: 0px;
    list-style: none;
	padding-top: 20px;
	cursor:pointer;
}

.social li{
	display: inline-block;
	padding: 0 5px;
}

.social li:hover{
	filter: grayscale(100%);
}

@media only screen and (max-width : 480px) {
	.contact_content .door_1{
		visibility: hidden;
	}
}