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

html {box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}

.wrapper{
	width:auto;
	margin: 0 auto;
	background-color: #b5be98;
	overflow: auto
}
body {
	font-family: 'Abel', sans-serif;
	color: #131b08;
	background-color: #67852c;
	width: 100%;
}

header{
	font-family: 'Questrial', sans-serif;
	background-image: url("../images/header stock image.jpg");
	background-size: cover;
	background-position: center;
	color: #131b08;
	text-align: center;
	padding: 65px 20px;
}

nav{
	padding: 10px;
}

nav a{
	display: block;
	color: #131b08;
	text-decoration: none;
	padding: 10px;
	text-align: center;
}

nav a:hover{
	background-color: #67852c
}

main, section, aside{
	padding: 20px;
}

aside img{
	width: 100%;
	border-radius: 20px;	
}

h3 a, .referances a{
	display: block;
	color: #131b08;
	text-decoration: none;
	padding: 10px;
}

h3 a, .referances a:hover{
	background-color: #67852c
}

footer{
	text-align: center;
}

footer a{
	color: #131b08;
	text-decoration: none;
}

footer a:hover{
	background-color: #67852c
}

.logos{
	height: 60px;
	width: auto;
}

nav, aside, article, main, section,
footer {
width: 100px;
float: left;
}

@media screen and (min-width: 501px) and (max-width: 1000px) {
  .md1col { width: 15.5%; float: left; }
  .md2col { width: 31%; float: left; }
  .md3col { width: 46.5%; float: left; }
  .md4col { width: 62%; float: left; }
  .md5col { width: 77.5%; float: left; }
  .md6col { width: 93%; float: left; clear: left}
}

@media screen and (min-width: 1001px) {
  .lg1col { width: 15.5%; float: left; }
  .lg2col { width: 31%; float: left; }
  .lg3col { width: 46.5%; float: left; }
  .lg4col { width: 62%; float: left; }
  .lg5col { width: 77.5%; float: left; }
  .lg6col { width: 93%; float: left; clear: left}
}