web.css

h1 {
  font-family: 'Concert One';
  font-size: 2.5rem;
  color: rgb(253, 239, 236);
  text-align: center;
  padding: 3% 0% 3% 0%;
  background-color: rgb(248, 108, 108);
}
body{
  background-color: rgb(253, 239, 236);
}
div {
  /*padding: 50px 120px 20px 120px;*/
  padding: 1% 10% 1% 10%;
  font-family: 'Laila';
  font-size: 1.5rem;
  color: rgb(6, 114, 109);
  font-weight: 400;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 10%;
  padding-bottom: 5%;
  width: 55%;
}
h2{
  font-family: 'Concert One';
  font-size: 2rem;
  color: rgb(223, 49, 86);
  padding-left: 10%;
  font-weight: lighter;
  clear: both;
}
.movie {
  display: inline-block;
  width: 23%;
  padding-left: 10%;
  padding-bottom: 6%;
}
.des{
  padding-right: 10%;
  display: inline-block;
  float: right;
  width: 35%;
}
a:link, a:visited {
  background-color: rgb(223, 49, 86);
  color: white;
  padding: 2% 3%;
  text-align: center;
  text-decoration: none;
  display: inline-block;
}

a:hover, a:active {
  background-color: rgb(255, 79, 108);
}

footer{
  text-align: center;
  padding: 10%;
  background-color: rgb(233, 118, 118);
  color: white;
  font-size: 5rem;
  font-family: 'Lobster';
  clear: both;
}
 
@media only screen and (max-width: 767px){
  h1{
    font-size: 1.2rem;
  }
  h2{
    font-size: 0.8rem;
  }
  .des{
    display: block;
    float: none;
    width: 80%;
  }
  div{
    font-size: 0.5rem;
  }
  footer{
    font-size: 2rem;
  }
  .movie {
    display: block;
    padding-left: 15%;
    width: 70%;
  } 
}