.btn{
   background: rgb(224, 12, 12);
   color: rgb(240, 233, 233);
   padding: 10px 25px;
   border-radius: 20px;
}

h3{
  font-size: 40px;
  line-height:1.5 ;
}
p{
  color: #707070;
}

img{
  max-width: 100%;
}
p.lead{
  font-size: 31px;
  color:rgb(219, 213, 213);
}
#intro .jumbotron {
    height:70vh;
    margin-bottom: 0px; 
    background: url("../asset/image/skynews-dominos-pizza-food_5860170.jpg") top center;
    
    
}




 h1{
   font-family: 'Open Sans', sans-serif;
}

 #intro h1{
      color: #2fdc56;
      font-size: 70px;
      font-weight: 800;
    
 }

 a,p{
   font-family: 'Roboto', sans-serif;
 }
 
 #intro.a,p{
   font-size: 29px;
    font-weight: 100;
    line-height: 1.5;
 }
 #intro .container{
   position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
 }

#nav h1{
  font-size: 25px;
}


#nav a{
  font-size: 20px;
}

 #second{
  padding: 80px 0px;
 }


 #second p{
  font-size: 20px;
  margin: 0 0 10px;
 }
 

 #second h3{
  margin-bottom: 34px;
 }
#second img{
  width: 598px;
  vertical-align: middle;
  margin-bottom: 12px;
}

#latest{
  padding: 80px 0px;
  background: rgb(248, 248, 248);
}
#latest h3{
  margin-bottom: 80px
}

#latest .upper{
  position: relative;
}
#latest .innertext{
  position: absolute;
    bottom: -18px;
    left: 10px;
}
 
#latest .innertext span{
  background: rgb(255,255,255,0.3);
  padding: 6px 15px;
  border-radius: 20px;
}

#latest .innertext h4{
  font-size: 22px;
  margin-top: 18px;
}

#latest .lower h3{
  font-size: 20px;
  
}

#latest .lower i{
  margin-right: 6px;
}

#latest .outer{
  background: white;
  padding: 20px;
}

#latest .lower{
  padding: 6px 20px 20px 20px;
}

#latest a{
  color: black;
  
}

#latest a:hover{
  text-decoration: none;
}

#contact p{
  font-size: 20px;
  margin-bottom: 8px;
}

#contact .container{
  margin-bottom: 72px;
}

#email{
  padding:80px 0px;
  background: rgb(248, 248, 248);
}
#email h3{
  margin-bottom: 18px;

}
#email p{
  font-size: 20px;
}



footer{
  background-color: rgb(13, 19, 19);
  border-top: 1px solid;
  padding: 20px 0px;

}

footer p{
  color: aliceblue;
  font-size: 14px;
}
footer h4{
  color: aliceblue;
  font-size: 18px;
  margin-bottom: 9px;
}

footer ul{
  list-style: none;
  padding: 0px;
}

footer ul li a{
  color:rgb(255, 255, 255);
  font-size: 14px;
}
footer ul li a:hover{
  text-decoration: none;
}
@media only screen and (max-width:800px){
  #second h5{
    margin-bottom: 25px;
  }

  #second p.lead{
    font-size: 20px;
  }

  #latest .outer{
    margin-bottom: 60px;
  }

  #latest .outer img{
    width: 100%;
  }

  footer h4{
    margin-top: 5px;
  }
}