.contact-container {
  border-color: hsl(212, 81%, 53%);
  border-style: solid;
  border-width: 3px;
  width: 90%;
  height: 85%;
  background-color: white;
}

.text-contact {
  color: #2E2B2B;
  font-size: 28px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  text-align: center;
  margin: 21px;
}

.div1 {
  display: flex;
  justify-content: center;
}


@media screen and (max-width: 320px) {
  .contact-container {
    width: 85%;
    height: 80%;
  }
  
  .text-contact {
    font-size: 17px;
    margin: 5px;
  }
}



@media screen and (max-width: 700px) {
  .contact-container {
    width: 85%;
    height: 80%;
  }
  
  .text-contact {
    font-size: 17px;
    margin: 5px;
  }
}


@media screen and (max-width: 1024px) {
  .contact-container {
    width: 85%;
    height: 80%;
  }
  
  .text-contact {
    font-size: 17px;
    margin: 5px;
  }
}