body{
	font-family: 'Quicksand', sans-serif;
	margin: 0;
  	padding: 0;
  	background: url("../images/tropical-island.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	width: 100vw;
	height: 100%;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
/*.main.container{
	background: url("../images/tropical-island.jpg");
	background-position: center center;
	background-repeat:  no-repeat;
	width: 100vw;
	height: 100vh;
}*/
.header-logo{
	margin: 0 auto;
	width: 130px;
}
.contact-heading{
	text-align: center;
	color: #fff;
	font-weight: 600;
	font-size: 36px;
}
.screen-center{
	transform: translateY(10%);
}
.footer-site{
	font-weight: 600;
    color: #484848;
    font-size: 16px;
}
.center-align{
	text-align: center;
}
.social-links{
	list-style: none;
	display: inline-flex;
	padding-left: 0;
}
.social-links li{
	margin: 10px 10px;
}
.social-links li i{
	display: inline-block;
	background-color: #6B5375;
	border: 1px solid #6B5375;
    color: #fff;
    padding: 9px;
    border-radius: 100%;
    text-align: center;
    width: 35px;
}
.social-links li i:hover{
	border: 1px solid white;
    color: #fff;
    border: 1px solid white;
    background-color: transparent;
}
#contactForm{
	background: rgba(42, 30, 62, 0.82);
    padding: 50px 100px;
}
input.form-control{
	height: 40px;
}
input.form-control, textarea.form-control{
	color: #fff;
    background-color: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
}
.captcha-refresh, .input-border.captcha{
	margin-top: 15px;
}
.btn.formButton{
	border: 1px solid #fff;
    background: transparent;
    color: #fff;
    border-radius: 0;
}
.btn.formButton:hover{
	background: rgba(255, 152, 0, 0.61);
	border: 1px solid rgba(255, 152, 0, 0.61);
	color: #fff;
}
.btn.formButton.submit{
	padding: 10px 35px
}
 .errorClass{
    animation: contactError 1s linear infinite alternate;      
}
.error{
	color: #ff5722;
}
@-webkit-keyframes contactError {
  from { border-color: #f86414;}
  50% { border-color: #ffcfb6;}
  to { border-color: #f00;}
}
@media only screen and (max-width: 680px){
	.screen-center.col-md-6{
		width: 90%;
		margin: 0 auto;
	}
	.contact-heading{
		font-size: 24px;
	}
	#contactForm{
		padding: 10px 30px;
	}
	.center-align.footer-site{
		font-size: 12px;
	}
	input.form-control{
		height: auto;
	}
	.header-logo{
		margin: 0 auto;
		width: 90px;
	}
}
@media only screen and (max-width: 990px){
	.screen-center.col-md-6{
		width: 90%;
		margin: 0 auto;
	}
	.contact-heading{
		font-size: 24px;
	}
	#contactForm{
		padding: 10px 30px;
	}
	.center-align.footer-site{
		font-size: 12px;
	}
	input.form-control{
		height: auto;
	}
	.header-logo{
		margin: 0 auto;
		width: 90px;
	}
}