.contact {
    padding-top: 120px;
    padding-bottom: 120px;
}

.mapouter{
    position:relative;
    text-align:right;
    height:300px;
    max-width:500px
}

.gmap_canvas {
    overflow:hidden;
    background:none!important;
    height:300px;
    max-width:500px;
}

.gmap_canvas iframe{
    width: 500px;
    height: 300px; 
    border-radius: 10px;
}

.contact-content {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;  
    grid-gap: 40px;  
    align-items: center;
    justify-items: center;
}

.contact-content-data > div {
    margin-bottom: 20px;
}

.contact-content-data {
    color: #fff;
}

.contact-content-data h6{
    text-transform: uppercase;
    color: #fff;
}


.contact-content-data a {
    font-family: 'agrandirwide_light', sans-serif;
    color: #A4A4A4;
    margin-top: 5px;
}

@media only screen and (max-width: 790px) {
    .contact-content {
        grid-template-columns: 1fr  ;  
    } 

    .contact-title {
        text-align: center;
    }
}