.contact-details { text-align: center; margin-bottom: 20px; }
.contact-image img {display:block; width: 75%; margin:auto;}
.contact-form { margin-top: 20px; }
.contact-form .form-group { margin-bottom: 15px; }

#message-modal {z-index:2500 !important; background:rgba(0,0,0,.5);}
.modal-backdrop.show{z-index:1 !important;}

.modal-header .btn-close {color:white;}
.modal-header {background:black;}
.modal-body, .modal-body p  {color:black !important; text-shadow:none !important;}
.modal-footer .btn.btn-modal {width:auto !important; transtion:all .5s ease; text-transform:uppercase;}
.modal-title::before {
	font-family: "Font Awesome 5 Free"; /* Font Awesome font family */
	font-weight: 900; /* Required for solid icons (use 400 for regular) */
	margin-right: 8px; /* Space between the icon and text */
}

.success .modal-content {border:1px solid green;}
.success .modal-header .modal-title::before {color:green; content:"\f058";}
.success .modal-header .modal-title {color:green;}
.success .btn.btn-modal {background-color:green; color:white; border:1px solid transpearent;}
.success .btn.btn-modal:hover {background-color:white; color:green; border-color:green;}

.error .modal-content {border:1px solid red;}
.error .modal-header .modal-title::before {color:red; content:"\f06a";}
.error .modal-header .modal-title {color:red;}
.error .btn.btn-modal {background-color:#C03; color:white;}
.error .btn.btn-modal:hover {background-color:white; color:#C03; border-color:#C03;}


@media screen and (min-width: 576px) {
	.contact-image img {width: 60%;}
}

@media screen and (min-width: 768px) {
	.contact-image img {width: 75%;}
}

@media screen and (min-width: 992px) {
	.contact-image img {width: 60%;}
}