.contacts-block{
    width:calc(50% - 2em);
    padding: 2em;
    background-color: #EAEDED;
}

.contacts-block p{
    font-size: 1.5em;
}

.contacts{
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 4em;
    margin-bottom: 4vh;
    margin-top: 2vh;
}

.main-container{
    align-items: flex-start;
    min-height: 50vh;
}

#googleMap{
    margin-bottom: 4vh;
    width: 100%;
    height: 40vh;
}

@media only screen and (min-width: 600px) and (max-width: 992px) {
    .contacts{
        flex-direction: column;
    }
    .contacts-block{
        width: 100%;
    }
}