#contact-modal{
	width :100%;
}

#contact-modal .modal-open .modal {
	z-index : 3000 !important;
}

#contact-modal article , #contact-modal aside{
	width : 100%;
}

#contact-modal article{
	width : 100%;
	margin : 15px 0px;
	justify-content :space-around;
}
#contact-modal article .contacts {
	display :flex;
	align-items :center;
	justify-content : center;
}
#contact-modal article .contacts img{
	width : 90px;
	height : 90px;
	border-radius : 50%;
	transition : all 1.4s ease;
}
#contact-modal article .contacts a {
	font-size : 26px;
	color : #FFB687;
	font-weight : 600;
	text-shadow : 2px 3px 2px black;
}
#contact-modal article .contacts .facebook{
	width : 70px;
	height : 70px;
}
#contact-modal .divider {
	width : 100%;
	height : 13px;
	border-radius : 8px;
	margin : 25px 0px;
	background-color : black;
}
#contact-modal aside form{
	width : 80%;
	margin : 10px auto;
	padding : 2% 5%;
	border : 18px solid #FFB687;
	box-shadow : -8px 22px 8px black;
	text-align :center;
}
#contact-modal label {
	font-weight : 800;
	font-style : italic;
	text-transform : uppercase;
	font-size : 22px;
	
}
#contact-modal .modal-header {
	display :flex;
	flex-direction : column !important;
	justify-content :flex-start !important;
	
}
#contact-modal .modal-header h2{
	font-style : italic;
	text-shadow : 1px 2px 1px #FFB687;
	font-weight :700;
	text-decoration : underline;
}
#contact-modal .modal-header .close , #contact-modal .modal-footer button {
	width : 210px !important;
	height : 48px !important;
	background-color : red;
	color : white;
	font-size : 32px;
	font-weight : 700;
	transition : all 0.6s ease-in-out;
}
#contact-modal .modal-header .close {
	transform : translate(-22px, 22px);
	line-height : 48px;
}

#contact-modal .modal-dialog {
	min-width : 950px !important;
	z-index : 3000!important;
}

/*
============================= MEDIA QUERY ========================
*/

@media(max-width : 1000px){
	#contact-modal .modal-dialog {
		min-width : 750px !important;
		z-index : 3000!important;
	}
	#contact-modal .modal-header {
		min-height : 18vh;
	}
	#contact-modal .modal-header .close {
		display :block;
		margin :0px auto;
		transform : translate(0px, 0px);
		line-height : 10px;
	}
	#contact-modal .modal-header h2{
		transform : translateY(12px);
		text-align :center;
	}
}

@media(max-width : 770px){
	#contact-modal .modal-dialog {
		min-width : 550px !important;
	}
	#contact-modal article .contacts {
		flex-direction : column;
	}
}

@media(max-width : 570px){
	#contact-modal .modal-dialog {
		min-width : 450px !important;
	}
}

@media(max-width : 490px){
	#contact-modal .modal-dialog {
		min-width : 350px !important;
	}
	#contact-modal aside form {
		width : 98%;
	}
	#contact-modal  #call {
		display : none;
	}
}
@media(max-width : 390px){
	#contact-modal .modal-dialog {
		min-width : 250px !important;
	}
	#contact-modal article  {
		flex-direction :column !important;
	}
	#contact-modal aside form button {
		max-width : 90% !important;
	}
}