@font-face {
    font-family: customfont;
    src: url("fonts/Helvetica.ttf");
}

*{
    font-family: customfont;
    font-size: 18px;
    
    letter-spacing: 0.5px;
}

body{
    background-color: #F0F2F5;
}



/* // map  */
.mapouter{
    height: 70vh;
}

.gmap_canvas{
    height: 70vh;

}



/* /contact section  */

.address_heading>h1{
    margin-top: 2rem;
    margin-bottom: 2rem;
}

#contact{
    margin-top: 4rem;
}

.heading{
    margin-bottom: 2rem;
}

.contact_details>li{
    margin-top: 1rem;
    margin-bottom: 1rem;
}

#contact_form{
    padding: 2rem;
}





/* media query  */
 @media only screen and (max-width: 768px) {
.card{
    margin-top: 2rem;
} 

 }

@media only screen and (max-width: 576px) {

.main_row{
    margin: 2rem;
}
}

@media only screen and (max-width: 350px) {

.main_row{
    margin: 0.3rem;
    border: 12px solid red;
}

#contact_form{
    padding: 1rem;
}

}