body,html{margin:0;padding:0;height:100vh;text-align:center}
section{min-height:100%}
a{text-decoration:none}
li{list-style-type:none}
a,h1,h2,h3{font-family:Roboto,sans-serif;font-weight:500;color:#888;text-transform:uppercase}
h2{color:#555}
h3{font-size:40px;padding-top:8%;margin-top:0;margin-bottom:5px}
h4{font-family:"Roboto Slab",serif;color:#494949}
hr{width:30px;height:3px;background:#494949;border:0;margin:0 auto 40px auto}
#logo,.fa-bars,img,li{transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s}
.fa-bars{display:none}

/* HEADER ******************************/

header{width:100vw;height:65px;position:fixed;top:0;left:0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);z-index:1}
#logo{width:140px;float:left;margin:17px 0 0 50px}
#logo:hover{opacity:.5}
#logo img{width:100%}
header nav{float:right;margin:10px 50px 0 0}
header nav ul li{float:left;margin-left:25px}
header nav ul li a{font-size:16px}
header nav ul li:hover{padding-top:5px}

#main{
    /* margin-top: 100px; */
    padding-top: 80px;
    background-color: beige;
}

img {
    width: 90vw;
}

p {
    width: 70%;
    margin: 0 auto 0 auto;
}

/* FOOTER ******************************/

footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    background-color: #3f3f3f;
  }
  
  footer p {
    font-size: 12px;
    color: #f0f0f0;
    padding-top: 17px;
  }