@charset "utf-8";
/* CSS Document */

* {
    box-sizing: border-box;
	font-family: Verdana;
}

article{
	float: left;
	margin: 1%;
}

@media only screen and (min-width:1px){
	article {width: 98%;margin: 1%;}
}
@media only screen and (min-width:1024px){
	article {width: 48%;margin: 1%;}
}

.active {
	background-color: darkblue;
	color: white;
}

header{
	background-color: darkblue;
	padding: 9px;
	height: auto;
}

nav ul{
	list-style-type: none;
	padding: 5px;
	overflow: hidden;
	background-color: #4B8BFF;
	margin-top: 3px;
	margin-bottom: 3px;
}

nav li{
	float: left;
}

nav li a{
	display: block;
	color: black;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
}


section::after{
	content:"";
	clear: both;
	display: block;
}

body{
	background-color: #D8D8D8;
}

section{
	background: white;
}

section, header, nav ul, footer{
	margin-left: 2%;
	margin-right: 2%;
}

.img-size{
	width: 75%;
	height: auto;
}

.img-logo{
	width: 20%;
	height: auto;
}

h2{
	color: darkblue;
}

footer {
	background-color:black; 
	color: white;
	padding-top: 1px;
	margin-top: 7px;
}