.contact-header {
        text-align: center;
        font-size: 3rem;
        font-weight: bolder;
        color: #fba506;
        margin-top: 15px;
        margin-bottom: 50px;
    }

    .contact-container {
      display: flex;
      justify-content: space-around;
      padding: 25px;
    }

    .contact-info {
      font-size: 1.5rem;
      margin-left: 25px;
    }

    .add {
      font-size: 1.5rem;
    }

    .google-map {
      width: 500px;
      height: 400px;
      
    }

    @media only screen and (max-width: 780px) {
      .contact-container {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
      .google-map {
      width:100%; 
      height: 100%;
      }
    }