body, html{

	font-family: 'Poppins', sans-serif;
	padding: 0;
	margin: 0;
}

.left-wraper{

     background-image: url("../images/left-bg1.jpg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 50%;
     float: left;
     height: 100vh;
     text-align: center;
     position: relative;

}

.right-wraper{

     background-image: url("../images/right-bg1.jpg");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 50%;
     float: right;
     height: 100vh;
     text-align: center;
     position: relative;
}

.clear-fix{

	clear: both;
}

.left-wraper a{


	color: #fff;
	border:1px solid #fff;
	padding: 10px;
	width: 70%;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
    background: #223c768a;
	position: absolute;
	font-size: 19px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.right-wraper a{

	color: #fff;
	border:1px solid #fff;
	padding: 10px;
	width: 70%;
	text-align: center;
	text-decoration: none;
    background: #223c768a;
	transition: all .3s;
	position: absolute;
	font-size: 19px;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.left-wraper a:hover{

    background: #223c76;
}

.right-wraper a:hover{

    background: #223c76;
}

.header{

	 background-image: url("../images/bg.png");
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     width: 100%;
     position: absolute;
     left: 0;
     right: 0;
     height: 200px;
     z-index: 1;

}

.header img{

	margin-top: 20px;
    width: 350px;
}