/****************************************  Footer Style *******************************************
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
del, dfn, em, ins, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    color: #333;
    background-color: transparent;
    width: 100%;
    letter-spacing: .05em;
    font-size: 18px;
}

/******************************************************* Widths ****************************************************/

.width10 {
    width: 10%;
}

.width20 {
    width: 20%;
}

.width30 {
    width: 30%;
}

.width50 {
    width: 50%;
}

.width60 {
    width: 60%;
}

.width65 {
    width: 65%;
}

.width70 {
    width: 70%;
}

.width100 {
    width: 100%;
}

/****************************************************** Pages *******************************************************/

.center {
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

.padding-top-30 {
    padding-top: 30px;
}

.padding-top-20 {
    padding-top: 20px;
}

.padding-top-10 {
    padding-top: 10px;
}

.padding-right-30 {
    padding-right: 30px;
}

.padding-right-20 {
    padding-right: 20px;
}

.padding-right-10 {
    padding-right: 10px;
}

.footer {
    display: flex;
    flex-direction: column;
    background-image: url('../Images/Backgrounds/bg-4.jpg');
    background-size: 100% 100%;
    color: #fff;
    padding: 5% 5% 5% 5%;
    /*justify-content: center;*/
    width: 100%;
    min-height: 100vh;
}

.footer-column {
    flex-direction: column;
    text-align: left;
}

    .footer div a {
        color: #fff;
    }

.s1 {
    color: #fff;
    font-weight: 900;
    font-size: 3vmin;
    text-transform: uppercase;
}

.bold {
    font-weight: 900;
    color: #fff;
    font-size: 2.8vmin;
}


.divls {
    text-align: left;
}

.s4 {
    color: #fff;
    font-weight: 900;
    font-size: 2.5vmin;
}

.txbox {
    width: 100%;
    margin-bottom: 2%;
    margin-top: 2%;
    border-radius: 4px;
    font-size: 14px;
    padding: 8px;
}

.bu-insert {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 auto;
    color: rgba(51, 51, 51, 0.85);
    padding: 1% 5%;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

/******************************  GO FULL WIDTH AT LESS THAN 767 PIXELS ***************************/

@media only screen and (max-width : 767px) {
    .s4 {
        font-size: 5.2vmin;
    }

    .footer-wrapper {
        flex-wrap: wrap;
    }

    #footer {
        font-size: 2.2vmin;
    }
}