comp-contact {
    display: flex;
}

comp-contact * {
    flex: 0 0 50%;
}

.olControlAttribution {
    bottom: 0px;
}
div.olControlZoom {
    background: rgba(255,255,255,0);
}

div.contact_form-wrapper {
    padding: 100px 80px;
}

div.contact_form-field {
    padding: 5px;
}

div.successfull-wrapper {
    background-color: #9cffa5;
    padding: 10px;
    display: none;
}

div.failed-wrapper {
    padding: 10px;
    background-color: #ff9a73;
    display: none;
}

div.successfull-wrapper h2, div.successfull-wrapper p, div.failed-wrapper h2, div.failed-wrapper p {
    font-size: 1em;
}


@media(max-width: 1300px)
{
    comp-contact {
        flex-direction: column-reverse;
    }
    #map {
        height: 80vh;
    }
    div.contact_form-wrapper {
        padding: 100px 50px;
    }
    
}
@media(max-width: 1300px)
{
    comp-contact {
        flex-direction: column-reverse;
    }
    #map {
        height: 80vh;
    }
    div.contact_form-wrapper {
        padding: 60px 50px;
    }
    
}