html {
    height: 100%;
    padding: 0;
    margin: 0;
 }
 
 body {
   font-weight: 400;
   font-size: 14px;
   line-height: 120%;
   color: #222222;
   background: #fff;
   padding: 0;
   margin: 0;
 }
 
 #hero-image {
   text-align: center;
   margin: 20px auto 10px auto;
 }
 
 #hero-image img {
   max-width: 100%;
 }
 
 h1 {
   font-size: 34px;
   color: #222222;
   font-family: "Roboto", sans-serif;
   font-weight: 900;
   margin: 20px 0 30px 0;
   text-align: center;
 }
 
 .content {
   text-align: center;
   font-family: "Helvetica", "Arial", sans-serif;
 }
 
 #social {
   text-align: center;
   margin-top: 30px;
 }
 
 #social a i {
   color: #23272a;
   margin: 10px;
   box-sizing: content-box;
 }
 
 #social a:hover i {
   color: #e78967;
 }
 
 @media(max-width:767px){
   h1 {
      font-size: 30px;
      margin: 10px 0 30px 0;
   }
   #hero-image img {
     max-width: 95%;
   }
 }