.contact-box {
    position: relative;
    z-index: 9999;
    margin-bottom: 30px;
    background-color: #fff;
    margin-top: -230px;
    box-shadow: 0 10px 10px #C5C5C5;
}

.colored-bg {
    background-color: #545250;
    color: #ffffff;
    padding: 30px 20px;
    line-height: 1.4;
}
.colored-bg p{
    font-weight: normal;
    font-family: Calibre-Regular;
    font-size: 16px;
}
.colored-bg a, .colored-bg p, .colored-bg h5, .colored-bg h6, .colored-bg h3 {
    color: #fff;
}
.contact-section {
    position: relative;
    z-index: 1;
}
.contact-box h6, .contact-box h5{
    font-weight: normal;
    font-family: Calibre-Regular;
}
.contact-box h3 {

    font-size: 28px;
    line-height: 1;
    margin-bottom: 30px;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    font-weight: normal;
    font-family: Calibre-Regular;
}

.colored-bg table {
    width: 100%;
    font-size: 18px;
    line-height: 1.6;
}

.colored-bg table td:last-child {
    font-weight: 700;
    text-align: right;
}

.colored-bg h5 {
    line-height: 1;
    margin-bottom: 15px;
}

.wid {
    margin-bottom: 15px;
}

.wid:last-child {
    margin-bottom: 0;
}
.colored-bg .col {
    flex-basis: 65%;
    max-width: 65%;
}

.colored-bg .col:last-child {
    flex-basis: 35%;
}
.contact-form{
    padding: 30px 20px
}
.contact-form h3{
    color: #545250;
}
.contact-form input[type="text"], .contact-form input[type="email"], .contact-form textarea {
    width: 100%;
    border: 1px solid #e5e5e5;
    padding: 10px 15px;

}
.contact-form input[type="text"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus{
    border-color:  #b12555;
}
.control-group{
    margin-bottom: 15px;
}
.contact-form textarea {
    height: 137px;
    resize: none;
}
#myMap { height: 580px; }
@media only screen and (max-width:480px){

.contact-box .col{
    flex: 0 0 100%;
    max-width: 100%;
}

    .colored-bg .col:last-child {
        flex-basis: 100%;
    }

}