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

body{
	font-family: 'Poppins', sans-serif;
	font-size: 18px;
	color: #fff;
	background: url(../img/image.jpg);
	background-size: cover;
}
h1{
	font-size: 60px;
}
h1::after{
	content:' ';
	height: 2px;
	width: 50px;
	display: block;
	background-color: #8a1f54;
}


.wrapper{
	width:800px;
	margin: 150px auto 0;
}
.overlayer-black{
	background: url("../img/overlayer.png") rgba(0,0,0,0.46) center center ;
	background-size: cover;
	height: 100%;
	width:100%;
	position: absolute;
	top: 0;
}

.overlayer-purple{
	background: rgba(142,30,85,0.4);
    height: auto;
    padding:40px;
}
.postion-top{
	top: 80px;
}


/*bootstrap overright*/

button,input[type='submit']{
	padding: 10px 20px;
	background: #8a1f54;
	border: 0px;
}
.input-group{
	margin-bottom: 50px;
}
.input-group-addon{
	font-size: 14px;
	padding: 5px 20px;
}

.input-group .form-control{
	height: 60px;
}
.form-control:focus {
    border-color: #fff; 
    outline: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0, 0, 0, 0); 
    box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 0 0 rgba(0, 0, 0, 0); 
}


/* media */

@media only screen and (max-width: 990px) {
	.wrapper{
	width:100%;
	}
	.postion-top{
	top: 0;
		margin-bottom: 30px;
}
	.wrapper{
	margin-top: 100px;
}

}