.container{
    display: grid;
    grid-template-columns: .8fr .2fr;
    grid-gap: 20px;
}

.header-font{
    font-size: 2rem;
    line-height: 0;
}

.contact-section{
    margin-bottom: 40px;
}

.desktop-map{
    display: block;
}

.mobile-map{
    display: none;
}

@media (max-width: 768px) {
    .desktop-map{
        display: none;
    }

    .mobile-map{
        display: block;
    }

    .container{
        grid-template-columns: auto;
    }
}