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');
@import url('https://fonts.googleapis.com/css?family=Quicksand');
@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: 610px;
  text-align: center;
  background-size: cover;
  color:#ffffff;
  background-image: url("images/3.jpg");
  border-bottom:green 5px solid;
}

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

#showcase h1{
  font-size: 40px;
  font-family: techmonkey;
}

#showcase h2{
  font-size:16px;
  padding-left:400px;
  padding-right:400px;
}
#myimage {
  padding-top: 20px;

}


#myimage img {
border-radius: 50%;
height:200px;
width:200px;

}

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;
}