.contacts {
    background: #3d3d3d;
    margin: 0;
    padding: 0;
    height: calc(100vh - 20vmin);
}
.contacts div {
    float: left;
    width: 50%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#map iframe{
    margin-top: 10vmin;
    margin-left: 5vmin;
    width: calc(100% - 5vmin);
    height: 60vmin;


}
.contact-text div{
    float: top;
    width: 100%;

    height: fit-content;
    text-align: center;
}
.contact-title p {
    font-size: 4vmin;
    text-transform: uppercase;
    margin-top: 5vmin;
}
.address p {
    font-size: 3vmin;
    margin: 3vmin 5vmin;
    font-family: "Raleway", sans-serif;

}

.address a{
    text-align: center;
    color: antiquewhite;
    font-size: 3vmin;
    margin: 3vmin;
    padding: 3vmin;
}
@media all and (orientation: portrait) {

    .contacts {
        min-height: calc(100vh - 20vmin);
        height: auto;
        display: flex;
        flex-direction: column;
    }
    .contacts div {
        float: none;
        width: 100%;
    }

    #map {
        order: 2;
        height: 40%;
    }
    .contact-text {
        order: 1;
        height: 60%;
    }
    #map iframe{
        width: calc(100% - 10vmin);
        height: 60vmin;
        align-items: center;
        justify-content: center;
        display: flex;

    }
    .address p {
        font-size: 2.5vmin;
        margin: 2vmin 5vmin;
        font-family: "Raleway", sans-serif;

    }
    .address p:last-child {
        margin-bottom: 0;
    }

}