body{
	font-family: Arial, Helvetica,sans-serif;
	font-size: 15px;
	line-height: 1.5;
	padding:0;
	margin:0;
	background-color:white;
}

/*Global*/
.container{
	width:80%;
	margin:auto;
	overflow:hidden; //this hides anything that goes outside of the container.
}

.centerImg{
	text-align: center;
	width: 100%;
	margin:auto;
}

.button_1{
	height:38px;
	background:#e8491d;
	border:0;
	padding-left: 20px;
	padding-right:20px;
	color:#ffffff;
}

.dark{
	padding:15px;
	color:#ffffff;
	margin-top:10px;
	margin-bottom:10px;
}

ul{
	margin: 0;
	padding:0;
}

/* Header */
header{
	background: white;
	color:#ffffff;
	padding-top:20px;
	padding-bottom:20px;
	min-height:70px;
	border-bottom:#273b8b 9px solid;
	z-index: 90;
}
header img{
	max-width: 320px;
}
header a{
	color:#273b8b; /*blue*/
	font-weight:bold;
	text-decoration:none;
	text-transform: uppercase;
	font-size:16px;
}

header li{
	float:left;
	display:inline;
	padding: 0 20px 0 20px;
}

header #branding{
	float:left;
}

header #branding h1{
	margin:0;
}

header nav{
	float:right;
	margin-top:35px;
}

header .highlight, header .current a{
	color:#f6891f;
	font-weight:bold;
}

header a:hover{
	color:#cccccc;
	font-weight:bold;
}
#check{
	display: none;
}

.checkbtn{
	height: 18px;
	transform: rotate(0);
	transition: 0.5s ease-in-out;
	cursor: pointer;
	text-align:center;
	width:100%;
	display: none; /*for desktop*/
}
.checkbtn i{
	display: block;
	position: absolute;
	width: 100%;
	color: #273b8b;
	font-size: 20px;
	opacity: 1;
	left: 0;
	transform: rotate(0);
	transition: 0.25s ease-in-out;
}

/* Showcase */
#showcase{
	min-height:600px;
	background:url('../img/showcaseCD.jpg') no-repeat 0 -400px;
	text-align:center;
	color:#ffffff;
	/*border-top:#f6891f 18px solid;
	border-bottom:#f6891f 18px solid;*/
}

#showcase h1{
	margin-top:175px;
	font-size:55px;
	margin-bottom:50px;
}

#showcase h2{
	margin-top:15px;
	font-size: 35px;
}

#showcase p{
	font-size:20px;
}

/* Newsletter */
#newsletter{
	padding:15px;
	color:#273b8b;
	background:white;
	border-top:#273b8b 9px solid;
}

#newsletter h1{
	float:left;
	margin-top:35px;
}

#newsletter img {
	
	max-width: 300px;
}

#newsletter input[type="email"]{
	padding:4px;
	height:25px;
	width:250px;
}

/* Boxes */
#boxes{
	margin-top:20px;
}

#boxes .box{
	float:left;
	text-align: center;
	width:30%;
	padding:10px;
}

#boxes .box img{
	width:90px;
}

/* Sidebar */
aside#sidebar{
	text-align: center;
	float:right;
	width:30%;
	margin-top:10px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
	width:90%;
	padding:5px;
}

/* Main-col */
article#main-col-gallery{
	float:left;
	width:100%;
}
article#main-col-about{
	float:left;
	width:67%;
}
/* Services */
ul#services li{
	list-style: none;
	padding:20px;
	border: #cccccc solid 1px;
	margin-bottom:5px;
	background:#e6e6e6;
}


/*Footer*/
footer{
	padding:20px;
	margin-top:0px;
	color:#ffffff;
	background-color: #273b8b;
	text-align: center;
	clear: left;
}

/* Media Queries */
@media(max-width: 795px){
	header{
		position: sticky;
		top: 0;
	}
	
	header #branding,
	#newsletter h1,
	#newsletter form,
	#boxes .box,
	article#main-col,
	aside#sidebar {
		float:none;
		text-align:center;
		width:100%;
	}
	
	header #branding{
		box-sizing: border-box;
		float: clear;
	}
	
	nav ul{
		position: fixed;
		float: left;
		width: 275px;
		height: 100vh;
		background: #e4eaff;
		top: 172px;
		left: -100%;
		text-align: center;
		z-index: 10;
		transition: all 0.5s;
	}
	nav ul li{
		display: block;
		margin: 50px 0;
		line-height: 30px;
		float: none;
	}
	.checkbtn{
		display: block;
	}
	
	#check:checked ~nav ul{
		left: 0;

	}
	
	header{
		padding-bottom:20px;
	}
	
	#showcase{
		min-height:250px;
	}
	
	#showcase h1{
		margin-top:35px;
		font-size: 30px;
	}
	#showcase h2{
		margin-top:25px;
		font-size: 25px;
	}
	
	#newsletter button, .quote button{
		display:block;
		width:100%;
	}
	
	#newsletter form input[type="email"], .quote input, .quote textarea{
		width:100%;
		margin-bottom:5px;
	}


}