/* -----------------------------------------------------------
    DEFAULT RULES (used also for smallest screens <480p)
----------------------------------------------------------- */

#contact {
    display: inline-block;
    text-align: center;
    width: 95%;
    /*min-height: 29em;*/
    margin-bottom: 1.5em;
    font-weight: 300;
}

#contact > div {
    width: 96%;
    margin: auto;
}

#contact p {
    padding: 15% 1%;
    width: inherit;
    margin: auto;
}

/* ==========================================================================
   Media Queries for Responsive Design.
   These rules override the primary ('mobile first') styles.
   ========================================================================== */

/*---------------------------------------------------------------
   PHONE PORTRAIT SCREENS
-------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
    #contact > div {
        width: 96%;
    }
}

/*---------------------------------------------------------------
   PC SCREENS
-------------------------------------------------------------- */
/*@media only screen and (min-width: 1200px) {
    #map_canvas {
        width: 75%;
        max-width: 900px;
        height: 600px;
    }
} */