.container{
  padding: 10px 20px;
}

h4
{
  font-size: 3.5rem;
  font-weight: 600;
  text-align: center;
  font-family:'Calistoga'; 
}


h3
{
  font-size: 4rem;
  text-align: justify;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  white-space: normal;
}


p
{
  font-weight: 700;
  font-size: 2rem;
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  white-space: normal;
}

    
img
{
  width: 100%;
  margin-bottom: 3rem;
}

button
{
  cursor: pointer;
  font-weight: 900;
  background-color: white;
  color: red;
  border: 2px solid white;
  margin-bottom: 3rem;
  margin-top: 1rem;
  padding: 7px;
  font-size: 2.5rem;
  font-family: 'Times New Roman', Times, serif;
}

    
button:hover
{
  scale: 1.2;
}

@media (max-width:990px){
  .container{
    padding: 10px 20px;
  }

  p{
    font-size: 3rem;
  }

  h3, h4{
    font-size: 4rem;
  }
}


@media (max-width:450px)
{
    
  h3{
    font-size: 3rem;
  }
    
  img
    {
      height: auto;
      width: 100%;
    }
  
  .container{
    padding: 20px 30px;
  }

  p{
    font-size: 2rem;
  }

}