#contact {background: #E9F1F8;}
#contact .container{padding-left: 0; padding-right: 0;}

.columns{background: #E9F1F8; padding: 10px 0; margin-top: -30px;}
.columns .col{width: 41%; display: inline-block; margin: 0; vertical-align: top;padding: 4%; }
.columns .col:first-child{ border-right: 1px solid var(--grey300);}
.columns .col img{width: 100%;}

.address{max-width: 350px; margin: 0 auto;}

#contact h3{margin-bottom: 30px;}


#contact a{color: var(--blue800); text-decoration: none;}
.error-message, .success-message{margin-bottom: 20px;}


form {
    max-width: 600px;
margin: 0 auto;
}

label{display: inline-block; margin-bottom: 12px;}
input[type=text], input[type=email], input[type=tel], textarea {
width: calc(100% - 38px);
padding: 18px;
margin-bottom: 12px;
border: none;
border-radius: 15px;
font-size: 18px;
outline: none;
background: white;  
font-family: 'filson-pro', Helvetica, Arial, sans-serif;
}
input::placeholder, textarea::placeholder {
color: #999;
}
button {
width: auto;
padding: 18px 42px;;
border: none;
background: rgb(41,180,138);
background: linear-gradient(208deg, rgba(41,180,138,1) 0%, rgba(41,136,170,1) 100%);font-size: 18px;
font-weight:400;
color: white;
border-radius: 30px;
transition: .2s;
display: inline-block;
font-family: 'filson-pro', Helvetica, Arial, sans-serif;

}
button:hover {
background: rgb(32,150,115);
background: linear-gradient(208deg, rgba(32,150,115,1) 0%, rgba(32,114,143,1) 100%);
cursor: pointer;
transition: .3s;
}
button:disabled {
    cursor: default;
    background: linear-gradient(208deg, rgb(135, 168, 158) 0%, rgb(67, 87, 95) 100%);
}

.hidden {
display: none;
}
.success-message {
    color: #fff;
    background: var(--primary);
    border-radius: 15px;
    font-size: 15px;
    padding: 18px;
    }
    .error-message {
        color: #fff;
        background: var(--primary);
    border-radius: 15px;
    font-size: 15px;
    padding: 18px;
    }
    .error-message a{color: #fff !important; text-decoration: underline !important}
    

input, label{display: inline-block; vertical-align: top}
label{width: 80%}

input:-webkit-autofill,
input:-webkit-autofill:focus {transition: background-color 0s 600000s, color 0s 600000s !important;}


@media (max-width: 1280px) {

}



@media (max-width: 960px) {
        .columns{ padding:  30px;}
        .columns .col:first-child{ border-bottom: 1px solid var(--grey300); border-right: none; padding-bottom: 40px; margin-bottom: 20px;}
        .columns .col{width: 100%; padding: 0px 0;}
        
    }