@charset "UTF-8";
/* CSS Document */
header{
	
}


nav {
	float: right;
	font-size: 26px;
	padding-right: 20px;	
}

body {
	max-width: 1024px;
	background-color: #D0C8C0;
	margin-left: auto;
	margin-right: auto;
	font-family: arial;
}

nav ul li {
	list-style-type: none;
	font-weight:bold;
	padding-left: 20px;
	text-align: right;
}

nav ul li a {
	text-decoration: none;
	color: #050605;
}
/* hero is just the first big picture */
.hero-box {
	height: 350px;
	background-color: #808080;
	background-image: url(images/hero-image.jpg);
	background-size: cover;
	margin: 1%;
	margin-top: 10%
}
/* h1 is for the text that goes on the hero box */
h1 {
	color: #feFEFE;	
	font-size: 55px;
	padding-top: 120px;
	padding-left: 60px;
}

h2 {
	color: #000000;	
	font-size: 20px;
	
	padding-top: 0px;
	padding-left: 0px;
}

h3 {
	color: #000000;	
	font-size: 20px;
	font-weight: normal;
	padding-top: 3px;
	padding-left: 3px;
}
h4 {
	color: #000000;	
	font-weight: normal;
	font-size: 20px;	
	padding-top: 3px;
	padding-left: 10px;
}
h5 {
	color: #000000;	
	font-weight: bold;
	font-size: 20px;	
	padding-top: 3px;
	padding-left: 50px;
}

m1{
color: #0;	
font-weight:600;
	font-size: 20px;
	font-style: normal;
	padding-top: 3px;
	padding-left: 5px;	
}
m2{
color: #0;	
font-weight:600;
	font-size: 12px;
	font-style:normal;
	font-weight: 200;
	padding-top: 3px;
	padding-left: 5px;	
}

img{ max-width:70%;height:auto;}

.col img {
	width: 20%;
	width: 128px;
	height: auto;
	display: block;
}

	.col {
		width: 20%;
		float: left;
		margin: 1%;
}

.col2 img {
	width: 48%;
	height: auto;
	display: block;
}

.col2 {
	width: 98%;
	float: left;
	margin: 1%;
}

	.col2 {
		width: 98%;
		float: left;
		margin: 1%;
}


/*TABLET*/
@media (max-width:768px){
	h1 {
		font-size: 40px;
		text-align: center;
		padding-left: 0px;
	}
	
	.col {
		width: 48%;
	}
	
	h3 {
		font-size: 20px;
		margin-right: 5px;
	}
}


/*MOBILE*/
@media (max-width:400px){
	h1 {
		font-size: 28px;
	}
	.col {
		width: 98%;
	}
	.col2 {
		width: 98%;
	}
	.hidden-xs {
		display: none;
	}
	h3 {
		font-size: 12px;
		margin-right: 5px;
	}
	m1{
		font-size:20px;
		margin-right: 5px;
	}
}


.col3 {
}