.contact-container{
    width:100%;
    height:auto;
    font-size:0;
    background-image:url(../res/background.jpg);
    background-repeat:repeat;
    background-size:auto;
}
.contact__main--div{
    width:100%;
    margin-left:auto;
    margin-right:auto;
}
.contact__text--div{
    width:100%;
    height:auto;
    padding:15px;
    background-color:#fff;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    color:#000;
}
.contact__info--div{
    width:100%;
    background-repeat:repeat;
    background-size:cover;
    background-attachment:fixed;
}
.contact__contact--div{
    width:100%;
    padding:15px;
    background:linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(1,81,102,0.8) 50%, rgba(2,198,250,0.8) 100%);
}
.contact__details--list,
.contact__address--list{
    list-style:none;
    padding:0;
    margin:0;
}
.contact__details--list li{
    font-family:"Quicksilver-Italic", "Arial", "Helvetica", sans-serif;
    color:#fff;
    -webkit-text-stroke:1px #000;
}
.contact__details--list.wide li{
    font-size:1.875rem;
    margin-bottom:25px;
}
.contact__details--list.narrow li{
    font-size:1.5625rem;
}
.contact__details--icon,
.contact__address--icon{
    width:35px;
    height:35px;
    margin-right:10px;
    -webkit-filter:drop-shadow(0px 2px 3px #000);
    filter:drop-shadow(0px 2px 3px #000);
}
.contact__details--heading{
    font-size:1.875rem;
    color:#9a9a9a;
    text-shadow: 1px 3px 6px rgba(0,0,0,1);
}
.list__narrow--spacer{
    margin-bottom:25px;
}
.contact__form-div{
    width:100%;
    height:auto;
    margin-top:50px;
}
.contact__form-div p{
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
    color:#fff;
    margin:0;
}
#contact-status{
    margin-top:50px;
    font-size:1rem;
    color:#ff0000;
}
.contact-form{
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    color:#fff;
    margin-top:25px;
}
.form-asterisk{
    font-size:1.875rem;
    color:#ff0000;
}
.form-instruction{
    font-size:1.125rem;
}
.form-group{
    width:100%;
    height:auto;
    padding-top:12.5px;
    padding-bottom:12.5px;
}
.form-label{
    font-size:1.25rem;
}
.form-info{
    font-size:1.25rem;
    color:#ff0000;
}
input.form-control{
    height:50px;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
}
textarea.form-control{
    width:100%;
    min-height:150px;
    font-family:"Lato-Regular", "Arial", "Helvetica", sans-serif;
    font-size:1.25rem;
}
.form-recaptcha-div{
    display:flex;
    justify-content:center;
    margin-top:12.5px;
}
.btn__form-submit{
    display:block;
    width:100%;
    height:auto;
    margin-top:25px;
    margin-bottom:25px;
    margin-left:auto;
    margin-right:auto;
    padding:10px;
    background-color:#02c6fa;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    font-size:1.5625rem;
    color:#fff;
    border:solid 3px #000;
    border-radius:100px;
    transition:0.15s;
}
.btn__form-submit:hover{
    background-color:#9a9a9a;
    color:#000;
}
.script-form-success{
    width: 100%;
    height: auto;
    padding:20px;
    font-family:"Lato-Bold", "Arial", "Helvetica", sans-serif;
    text-align: center;
    color:#fff;
    background:rgba(0,0,0,0.75);
}
.script-form-success img{
    margin-bottom:35px;
}

.contact__address--div{
    width:100%;
    padding:15px;
    background: linear-gradient(0deg, rgba(154,154,154,0.8) 0%, rgba(0,0,0,0.8) 100%);
    font-family:"Quicksilver-Italic", "Arial", "Helvetica", sans-serif;
}
.contact__address--details-item{
    color:#fff;
    -webkit-text-stroke:1px #000;
}
.contact__address--heading{
    font-size:1.875rem;
    color:#02c6fa;
    text-shadow: 1px 3px 6px rgba(0,0,0,1);
    -webkit-text-stroke:1px #000;
}
.contact__address--maps-div{
    width:100%;
    height:250px;
    background-color:#fff;
    margin-top:25px;
    border:solid 1px #000;
}

@media(min-width:1441px){
    .contact__main--div{
        max-width:1440px;
    }
}
@media(min-width:1281px){
    .contact__details--list.narrow{
        display:none;
    }
    .contact__address--details-item{
        font-size:1.75rem;
    }
    .btn__form-submit{
        width:500px;
    }
    .script-form-success{
        font-size: 1.875rem;
    }
    .script-form-success img{
        width: 30%;
        height: auto
    }
}
@media(min-width:1281px) and (max-width:1440px){
    .contact__main--div{
        max-width:1280px;
    }
    .contact__details--list.wide li{
        font-size:1.75rem;
        margin-bottom:25px;
    }
}
@media(min-width:992px) and (max-width:1280px){
    .contact__main--div{
        max-width:991px;
    }
    .contact__details--list.wide{
        display:none;
    }
    .contact__address--details-item{
        font-size:1.5625rem;
    }
    .script-form-success{
        font-size: 1.75rem;
    }
    .script-form-success img{
        width: 35%;
        height: auto
    }
}
@media(min-width:992px){
    .contact-container{
        background-attachment:fixed;
    }
    .contact__info--div{
        display:flex;
        min-height:300px;
    }
    .contact__info--div.loading{
        background-image:url(../res/contact-background-load.jpg);
    }
    .contact__info--div.loaded{
        background-image:url(../res/contact-background.jpg);
    }
    .contact__contact--div,
    .contact__address--div{
        width:50%;
        flex:1;
        vertical-align:top;
    }
    .contact__address--div{
        background: linear-gradient(0deg, rgba(0,0,0,0.8) 0%, rgba(154,154,154,0.8) 100%);
    }
}
@media(min-width:768px) and (max-width:991px){
    .contact__details--list.narrow{
        display:none;
    }
    .contact__address--list{
        display:inline-block;
        width:50%;
        vertical-align:top;
    }
    .contact__address--details-item{
        font-size:1.75rem;
    }
    .contact__address--maps-div{
        display:inline-block;
        width:50%;
        height:300px;
        margin-top:0;
        vertical-align:top;
    }
}
@media(max-width:767px){
    .contact__details--list.wide{
        display:none;
    }
    .contact__address--details-item{
        font-size:1.5625rem;
    }
}
@media(min-width:576px) and (max-width:991px){
    .script-form-success{
        font-size: 1.875rem;
    }
    .script-form-success img{
        width: 200px;
    }
}
@media(min-width:576px){
    .contact__text--div,
    .contact__contact--div,
    .contact__address--div{
        padding:25px;
    }
}
@media(max-width:500px){
    .contact__details--icon,
    .contact__address--icon{
        width:9vw;
        height:9vw;
        margin-right:2vw;
    }
    .contact__details--heading,
    .contact__address--heading{
        font-size:6.5vw;
    }
    .contact__details--list.narrow li,
    .contact__address--details-item{
        font-size:5.5vw;
    }
    .spacer-icon{
        display:none;
    }
    .btn__form-submit{
        font-size:1.25rem;
    }
}
@media(min-width:351px) and (max-width:575px){
    .script-form-success{
        font-size: 1.75rem;
    }
    .script-form-success img{
        width:75%;
    }
}
@media(max-width:350px){
    .contact__text--div,
    .contact__form-div p{
        font-size:4.5vw;
        line-height:8vw;
    }
    .form-instruction{
        font-size:4vw;
    }
    .form-label{
        font-size:5.5vw;
    }
    .btn__form-submit{
        font-size:6vw;
    }
    .script-form-success{
        font-size: 1.5rem;
    }
    .script-form-success img{
        width: 90%;
    }
}