body{
  font-size: 15px;
  line-height: 1.5;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
}

/*GLobal*/

@import url('https://fonts.googleapis.com/css?family=Lato:900');

@font-face {
  font-family: "techmonkey";
  src: url('techmonkey.ttf');
}

.container{
  width:80%;
  margin:auto;
  overflow:hidden;
}

ul{
  margin:0;
  padding:0;
}

/*Header*/
header{
  background-color: black;
  color: #ffffff;
  padding-top:0px;
  min-height: 70px;
  border-bottom:green 3px solid;
}

header a{
  color:#ffffff;
  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 img{
  float:left;
  height: auto;
  width: auto;
  max-height: 80px;
  max-width: 250px;
  margin:0;
  padding:0;
}

header #branding h1{
  margin:15px;
  float:left;
}

header nav{
  float:right;
  margin:20px;
}


header .current a{
  color:green;
  font-weight: bold;
}

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



/*showcase*/
#showcase{
  min-height: 400px;
  background:url('images/mk.jpg') no-repeat 0px -350px;
  text-align: center;
  background-size: cover;
  color:#ffffff;
  border-bottom:green 3px solid;
  overflow: hidden;
}

#showcase h1 .highlight{
  color:green;
  font-family: 'Lato', sans-serif;
  font-size: 65px;
}

#showcase h1 {
  margin-top:20px;
  margin-left: 650px;
  font-size:60px;
  margin-bottom:10px;
  font-family: techmonkey;
  font-style: italic;
  color: beige;
}

#showcase p {
  font-size:22px;
  margin-bottom: 100px;
  margin-right: 35px;
  float: right;
  width: 40%;
}
/*boxes*/
#boxes{
  background-color: black;
  color: white;
  border-bottom:green 5px solid;
}

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

#boxes .box img{
  margin-top: 20px;
  width:65px;
}

#boxes .box h3 {
  font-size: 35px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
  color: maroon;
}

#boxes .box p {
  font-size: 13px;
  font-family: arial;
  color: beige;
}

footer{
  padding:20px;
  color: black;
  background-color: #D6CA31;
  text-align: left;
  height: 20px;
}

footer li{
  float:right;
  display:inline;
  padding: 0 20px 0 20px;
}

footer p{
  display:inline;
  font-size: 16px;
}