* {
	box-sizing:border-box;
	margin-bottom:2;

}
body {
	margin:0;
	font-family:sans-serif;
	font-size:100%;
	color:black;
	background-color:white;
}

input,
button,
textarea {
	font-family:inherit;
	color:black;
	font-size:inherit;
}

a {
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	text-decoration: underline;
}

:first-child {
	margin-top:2;
}
:last-child {
	margin-bottom:2;
}


img {
	max-width:100%;
}








.logo{
	text-align: center;
	margin: 0 auto;
}
/* clearfix */
.nav {
	background-color:black;
}
.nav:after {
	clear:both;
	display:table;
	content:'';
}
.nav ul {
	list-style-type:none;
	margin-top:0;
	margin-bottom:0;
	padding-left:0;
}
.nav li{
	text-align: center;
	display: inline;
	width:20%;
	float: left;
}
.nav a {
	display:block;
	color:white;
	text-align:center;
	font-style: Helvetica;
	padding-top:1em;
	padding-bottom:1em;
}
.nav a:hover {
	background-color: green;
	color:white;
}







.container {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
	/*margin-top:10px;*/
}

.text-center {
	text-align:center;
}

.pull-left {
	float:left;
}
.pull-right {
	float:right;
}

.d-b {
	display:block;
}
.d-ib {
	display:inline-block;
}
.d-i {
	display:inline;
}




.hero-block {
	background-color:black;
	padding-top:1.5rem;
	padding-bottom:1.5rem;

}
.normal-block {
	padding-top:2rem;
	padding-bottom:2rem;
   
}

@media (max-width:1200px){
	/* changes */
	.container {
		width:800px;
	}
}
@media (max-width:1024px){ /* changes */ }
@media (max-width:800px){ 
/* changes */ 
	.container {
		width:auto;
	}
}
@media (max-width:600px){
	/* changes */
	h1 {
		font-size:1em;
	}
	.nav li {
		float:none;
		display:block;
		width:100%;
	}
	.nav a {
		padding-top:.5em;
		padding-bottom:.5em;
	}
}
@media (max-width:320px){ /* changes */ }