/*=============Colors================
Black:#000000
Eerie Black:#191919
Onyx:#3B3B3B
White:#FFFFFF
Air Superiority Blue:#6D98BA
Persian Orange:#CA895F
Transparent BG: background-color: rgba(25,25,25,.75);
====================================*/
/*=============Fonts================
Serif:"Georgia"
Sans-Serif:"Trebuchet MS"
====================================*/
* {
	font-family:"Trebuchet MS",sans-serif;
}
body {
	background-color:#191919;
	margin:0px;
}
p {
	color:#ffffff;
}
.floatfix{
	clear:both;
}

a:link,a:visited,a:active{
	text-decoration:none;
	color:#191919;
}
/* HEADER */
#hamburger{
	visibility:hidden;
}
#header{
	Max-width:1920px;
	font-size:110%;
	margin:10px 0px 10px 1.830161054172767%;
}

#logo{
	position:absolute;
	left:0px;
	right:0px;
	top:20px;
	margin:0px auto;
}

.headsocial{
	float:right;
	margin-top:30px;
	margin-right:1.830161054172767%;
}

.headsocial a:link{
	padding:5px;
}
.buttona {
	background-color:#6D98BA;
	border:1px solid #6D98BA;
	border-radius:10px;
	padding:5px 30px;
	font-weight:bold;
	color:#191919;
}

.lowerhead ul,li{
	display:inline-block;
	list-style:none;
	padding-left:0px;
}
.lowerhead ul{
	width:100%;
	text-align:center;
}
.lowerhead li{
	margin:0px 1.5625%;
}

.upperhead{
	text-align:center;
}

.lowerhead{
	margin-top:10px;
	width:100%;
}

input[type=search]::placeholder {
	color:#6D98BA;
	opacity: 1; /* 4 firefox*/
}
input[type=search]{
	background-color:#3B3B3B;
	border:1px solid #3B3B3B;
	padding:5px;
	border-radius:10px;
	font-size:110%;
}

.lowerhead input[type=image]{
	transform:
		translateY(5px)
		translateX(-35px);
}

/* END HEADER */

/* VALUE PROP */
h1{
	color:#CA895F;
	font:bold;
	font-family:"Georgia",serif;
	font-size:250%;
}
#value-prop p{
	font-style:italic;
	font-size:17px;
	margin-bottom:50px;
	line-height:25px;
}
#value-prop{
	background-image:url("images/lightningmain.jpg");
	margin-top:30px;
	margin-bottom:50px;
	height: 565px;
	background-size: 100%;
	background-repeat:no-repeat;
}
.valuecont{
	background-color: rgba(25,25,25,.75);
	max-width:36.4583%;
	min-width:300px;
	padding:10px 30px 40px;
	position:absolute;
	left:0px;
	right:0px;
	top:400px;
	margin:0 auto;
	text-align:center;
}
.buttonb{
	background-color:#CA895F;
	border:none;
	border-radius:15px;
	padding:10px 3.90625%;
	font-weight:bold;
	letter-spacing:1.2px;
}
#value-prop a:link{
	text-decoration:none;
	color:#ffffff;
	font-size:20px;
}
/* END VALUE PROP */

/* Content */
#content {
	text-align:center;
}

.content{
	vertical-align: top;
	display:inline-block;
	max-width:596px;
	max-height:427px;
	margin: 20px 9px;
}
.content p {
	max-width:380px;
	transform:translateX(120px)

}
.content h4 {
	font-family:"Georgia",Serif;
	width:230px;
	margin:0px;
	padding:10px;
	color:#ffffff;
}

.buttonc{
	font-size:180%;
	background-color: rgba(25,25,25,.75);
	position:absolute;
	transform:translateX(-420px)
		translateY(90px);
}
/* END Content */

/* Form */
#form {
	max-width:525px;
	margin: 0% auto 20px;
	text-align:center;
}
h3 {
	font-size:200%;
	padding:10px 0px 0px;
	color:#6D98BA
}
#formcont {
	width:100%;
	background-color:#3B3B3B;
	padding:5px 0px 20px;
}
::placeholder{
	color:#6D98BA;
	opacity: 1; /* 4 firefox*/
}
#form input, select {
	font-size:120%;
	color:#6D98BA;
	background-color:#1A1A1A;
	border: 1px solid #1a1a1a;
	border-radius:10px;
	padding: 2px 10px;
	margin: 10px 0px;
}

.city{
	max-width:50%;
}
#form input[type=submit] {
	color:#FFFFFF;
	background-color:#6D98BA;
	border:1px solid #6D98BA;
	border-radius:10px;
	padding:5px 50px;
	font-weight:bold;
	margin-right:50px;
}

#form input[type=text], [type=email]{
	width:446px;
}
/* END Form */

/* Footer */
#footsocial {
	visibility:hidden;
}
#footer {
	text-align:center;
}
#footernav {
	visibility:hidden;	
}

/* END Footer */
/*===========================RESPONSIVE FLOW ===============================*/
@media screen and (max-width: 1780px) {
	#header form{
		margin-top:20px
	}
}
/* END 1780px */

@media screen and (max-width: 1366px){
	.lowerhead li {margin:0px .1%}
	.news {padding-top:18px;}
	
}
/* END 1366px */

@media screen and (max-width: 1260px){
	.lowerhead{display:none;}
	.headsocial{visibility:hidden;margin:50px 0px 0px;}
	#hamburger{visibility:visible;width:50px;}
	
	#footernav{visibility: visible;}
	
	#footernav ul {
		margin-top:0px;
		padding:0px
	}
	
	#footernav li {
		display:block;
		margin-top:20px;
		font-size:100%;
	}

	#footsocial{
		visibility: visible;
		padding-top:30px;
	}
	#footsocial img{padding:0px 10px;}

	#footer{
		margin-top:20px;
		height:400px;
	}
	#footer .buttona {
		background-color:#CA895F;
		border-color:#CA895F;
		color:#ffffff;
	}
	#logo{
		display:inline-block;
		position:static;
		width:1px;
	}
	.valuecont{
		top:200px
	}
}
/* END 1260 */

@media screen and (max-width: 1096px){
	#value-prop{
	height: 800px;
	background-size: 200%;
	}
	
}
/* END 1096px */

@media screen and (max-width: 1024px){
	.content img{max-width:250px;}
	
	.content {max-width:250px;}
	
	.buttonc{
		font-size:100%;
		letter-spacing:1px;
		transform:translateX(-250px)
			translateY(50px);
		max-width:250px;
		height:40px;
	}
	.content p{
		transform: translateX(0px);
		font-size:90%;
	}
	
}

/* END 1024px */

@media screen and (max-width: 620px){
	
	#logo img{width:200px}
	
	#header{height:180px}
	
	#hamburger{
		width:50px; 
		transform:translateX(90px) 
			translateY(0px)
	}
	
	#value-prop{
		height:800px;
		font-size:80%;
		background-position:70% -100px;
		background-size:400%;
	}
	
	.valuecont p {font-size:50%}
	
	.buttonb {padding:5px 40px}
	
	.valuecont {
		top:300px;
		max-width:78.125%;
		min-width:50%;
	}

	#form{max-width:280px;}
	
	#form input[type=text], [type=email]{width:260px;}
	
	#form input[type=submit] {margin-right:0px;}
	
	.city{max-width:260px;}
	
	#form select{width:300px}
	
	

	#value-prop{
		height:800px;
		margin-bottom:0px;
	}
}
/* END 620px */