#map{ height: 100%; background-color: #FFF; padding: 10px; box-shadow: 0 0 1px 1px rgba(0,0,0,0.1); }
#map .inner{ height: 100%; }
#contact-wrapper{ background-color: #EEE; padding: 30px 30px 100px 30px; margin-right: -23px; }
#contact{ }
#contact h2{ margin-bottom: 3rem; margin-top: 2rem; }
#contact .icon-wrapper{
    line-height: 100%; text-align: center;
    height: 30px; width: 30px; font-size: 22px; display: flex; align-items: center;
    border-radius: 5px; margin-right: 10px;
}
#contact .icon-wrapper i{ margin-left: auto; margin-right: auto; }

#contact-table{}
#contact-table td{ padding-bottom: 10px; }

#contact-form .form-group{ margin-bottom: 10px; }
#contact-form input, #contact-form textarea{ border-radius: 0 !important; margin-bottom: 0; border-color: #EEE; }
#contact-form textarea{ height: 100%; }
#contact-form button{ padding: 3px 30px; }
#contact-form button:hover{  }
#contact-form .form-group:last-child{ margin-bottom: 0;}
#menu-inner{ position: fixed; }

#contact-form input::placeholder,  #contact-form textarea::placeholder{color: #CCC !important; }


@media only screen and (max-width: 768px){
    #contact-wrapper{ margin-right: 0; padding: 30px 30px 30px 30px; }
    #map{ height: 400px; }
}