#container{
  display: flex;
  flex-wrap: wrap;

  justify-content: center;
  align-items: center;

  width: 95%;
}

#container div{

  background-color: antiquewhite;

  margin-bottom: 3rem;
  padding: 0 2rem;
  border-radius: 1.2rem;

  overflow: hidden;

  box-shadow: 0 0 0.5rem black;
}

h4{
  font-family: 'Raleway', 'Arial', sans-serif;
  font-size: clamp(1rem, 3vh, 3rem);
}

#sec1{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16%;
}

#sec1 img{
  width: 18%;
  margin-bottom: 5rem;
}

@media only screen and (max-width: 860px) and (min-width: 480px){
  #sec1{
    margin-top: 40%;
  }
  #sec1 img{
    width: 35%;
  }

  h4{
    
    font-size: clamp(1rem, 2vh, 2.5rem);
  }

}

@media only screen and (max-width: 480px){
  #sec1{
    margin-top: 60%;
  }
  #sec1 img{
    width: 40%;
  }

  h4{
    
    font-size: clamp(0.6rem, 1vh, 1.5rem);
  }

}