/*
Theme Name: Bopgun
Theme URI: 
Author: bopgun
Author URI: http://www.bopgun.com
Description: 
Version: 1.0.0
Text Domain: 
*/

.home-landing-wrapper {
	height: 840px;
	background-image: url(../im/home-landing-bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1960px auto;
	position: relative;
	text-align: center;
}
.home-landing .logo {margin: 60px 0 40px 0;}
.home-landing .logo img {
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: 0 auto;
}
.home-landing .icons img {
	width: 100%;
	max-width: 205px;
	height: auto;
	margin: 0 auto;
}
.home-landing .intro {text-shadow: 0 0 10px rgb(0,0,0,0.5);}
.home-landing .intro h1 {
	font-size: 56px;
	margin: 40px 0 20px 0;	
}
.home-landing .intro h2 {font-size: 38px;}
.home-landing .intro h3 {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.3;
}
.home-landing .form .inner {
	width: 450px;
	max-width: 100%;
	margin: 0 auto;
	padding: 40px 0 0 0;
}
.home-landing .form .inner input {
	width: 100%;
	padding: 10px 20px;
	float: left;
	margin: 0 0 20px 0;
	border: 0px;
	font-size: 20px;
	box-sizing: border-box;
}
.home-landing .form .inner button {
	width: 100%;
	height: 50px;
	padding: 10px 20px;
	float: left;
	margin: 0 0 20px 0;
	border: 0px;
	font-size: 20px;
	color: #FFFFFF;
	background-image: url(../im/button-register.png);
	background-size: auto 50px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	box-sizing: border-box;
}
.home-landing .form a {text-decoration: underline;}
.home-landing .form p {font-size: 14px;}



/* 
-----------
BELOW 768PX 
-----------
*/
@media screen and (max-width: 767px) {

.home-landing-wrapper {
    height: auto;
    padding: 0 0 40px 0;
    background-size: cover;
}
.home-landing .intro h1 {
	font-size: 40px;
	margin: 30px 0;
}
.home-landing .intro h2 {font-size: 26px;}
.home-landing .logo {margin: 40px 0 20px 0;}
.home-landing .logo img {max-width: 300px;}

}


/* 
-----------
BELOW 600PX 
-----------
*/
@media screen and (max-width: 599px) {

.home-landing .logo img {max-width: 260px;}
.home-landing .intro h1 {font-size: 27px;}
.home-landing .intro h2 {font-size: 23px;}
.home-landing .intro h3 {font-size: 16px;}
.home-landing .form .inner {padding: 20px 0 0 0;}
.home-landing .form .inner input,
.home-landing .form .inner button {font-size: 16px;}

}