.contact-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    grid-template-areas: "text maps" "text maps";
    width: 90%;
    height: 70vh;
    margin: auto;
}
.text-info {
    grid-area: text;
    background-color: black;
    opacity: 0.7;
    border-radius: 0.1%;
    z-index: 4;
}
.text-info p {
    text-align: center;
}
.google-maps {
    grid-area: maps;
}
iframe {
    width: 100%;
    height: 100%;
    z-index: 3;
}
.f-body {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 50vh;
  }

  /*----MEDIA-------*/

  @media screen and (max-height: 700px){
    .contact-container {
        overflow: scroll;
        min-height: 200px;
    }
    .text-info p {
        font-size: 16px;
    }
  }
  @media screen and (max-width: 820px) {
    .contact-container {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas: "maps" "text";
        width: 96%;
        height: 140vh;
        margin: auto;
    }
  }
  @media screen and (max-width: 480px) {
    .contact-container {
        width: 100%;
    }
  }