/* CSS Document */

*{
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.navbar-header{display: inline-block;}
.navbar-default{background-color: transparent;border: 0;}
#main_content{max-width: 40%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);padding: 50px;color: #000000;width: 100%;opacity: 0;}
body {position: relative;width: 100%;height: 100vh;background: url('../img/backgound.jpg') center center no-repeat;background-size: cover;}
body:before {content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: -moz-linear-gradient(45deg, #5f4783 20%, #ff40be 100%);background: -webkit-gradient(linear, left bottom, right top, color-stop(20%, #5f4783), color-stop(100%, #ff40be))no-repeat;background: -webkit-linear-gradient(45deg, #5f4783 20%, #ff40be 100%) no-repeat;background: -o-linear-gradient(45deg, #5f4783 20%, #ff40be 100%) no-repeat;background: -ms-linear-gradient(45deg, #5f4783 20%, #ff40be 100%) no-repeat;background: linear-gradient(45deg, #5f4783 20%, #ff40be 100%) no-repeat;opacity: .9; }
#main_content h1{text-transform: uppercase;margin-top: 0;color: #ffffff;}
#main_content h3{font-weight: 400;margin-top: 0;font-size: 18px;}
#main_content h4{margin-top: 0;margin-bottom: 25px;}
.content{display: inline-block;padding: 30px;color: #ffffff;}
.form-group{width: 80%;display: inline-block;}
input{width: 100%!important;border-radius: 0!important;text-align: center;}
.btn{width: 18%!important;border-radius: 0!important;text-align: center;}
input{min-height: 50px;font-size: 20px!important;border-color: #ffffff!important;box-shadow: none!important;}
.btn{background-color: #c60784;border: 0;color: #FFFFFF;text-transform: uppercase;min-height: 50px;vertical-align: bottom;margin-left: -4px;}
.btn:hover,.btn:focus{background-color: #ac0572;color: #ffffff;border-color: #80194b;}
.social_icons{position: absolute;bottom: 30px;left: 50%;transform: translate(-50%,0);text-align: center;color: #ffffff;width: 100%;}
.social_icons p{font-size: 14px;}
.social_icons a{font-size: 30px;margin-left: 15px;color: #ffffff;}
.social_icons a:hover,.social_icons a:focus{color:#80194b;}
.social_icons a:first-of-type{margin-left: 0;}
#infos_header{display: inline-block;float: right;margin-top: 10px;}
#infos_header a{color: #ffffff;font-weight: 300;}
#email-error{width: 100%;color: red;padding: 5px;font-weight: 400;font-size: 20px;}
.error{border-color: red!important;border-width: 2px;}

/*=====================================================
=            Bootstrap 2.3.2 Media Queries            =
=====================================================*/
@media only screen and (max-width : 1500px) {
	#main_content{max-width: 60%;}
}

@media only screen and (max-width : 1200px) {

}

@media only screen and (max-width : 991px) {
	#main_content{max-width: 80%;}
}

@media only screen and (max-width : 767px) {
	#main_content{max-width: 95%;padding: 25px;}
	#main_content h3{text-align: justify;text-align-last: center;}
	#main_content h1 {font-size: 25px;}
	#main_content h4 {font-weight: 300!important;}
	input,.btn{min-height: 40px;}
	.form-group{margin-bottom: 0;}
	.content {padding: 0;margin-top: 10px;}
}

@media only screen and (max-width : 480px) {
	#main_content{max-width: 98%;}
}

@media only screen and (max-width : 320px) {

}