/****** ALL PAGE LAYOUT ******/

@font-face {
    font-family: 'PT Sans Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcadw_xcy4.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

/* cyrillic */
@font-face {
    font-family: 'PT Sans Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcafg_xcy4.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

/* latin-ext */
@font-face {
    font-family: 'PT Sans Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcadA_xcy4.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'PT Sans Caption';
    font-style: normal;
    font-weight: 400;
    src: local('PT Sans Caption'), local('PTSans-Caption'), url(https://fonts.gstatic.com/s/ptsanscaption/v10/0FlMVP6Hrxmt7-fsUFhlFXNIlpcaeg_x.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


a:link, a:visited, a:active {
    color:black;
    text-decoration:none;
}

a:hover {
    color: #6fb42c;
    /*text-decoration:underline;*/
}

h1 {
   font-size: calc(2.0vw + 2.0vh);
   margin-left: 5px;
   margin-right: 5px;
}

p {
    text-indent: 25px;
}

.TextBox {
    background-color: white;
    color: #000;
    font-size: 13px;
    border-radius: 7px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    /*-ms-transition: all 0.25s ease-in-out;*/
    -o-transition: all 0.25s ease-in-out;
    padding: 5px;
    border: thin solid #ccc;
    margin-left: 0px;
}

    .TextBox:focus {
        background-color: #fcffc6;
        color: #000;
        font-size: 13px;
        border-radius: 7px;
        box-shadow: 0 0 7px #3774a3;
        padding: 5px;
        border: thin solid #3774a3;
    }

    .TextBox ReadOnly {
        background-color: #f9f9f9;
        color: #000;
        font-size: 13px;
        border-radius: 7px;
        -webkit-transition: all 0.25s ease-in-out;
        -moz-transition: all 0.25s ease-in-out;
        /*-ms-transition: all 0.25s ease-in-out;*/
        -o-transition: all 0.25s ease-in-out;
        padding: 5px;
        border: thin solid #ccc;
    }

.Spinnerbox {
    background-color: white;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    /*-ms-transition: all 0.25s ease-in-out;*/
    -o-transition: all 0.25s ease-in-out;
    padding: 1px;
    border-radius: 0px;
    text-align: center;
    border-radius: 5px;
}

    .Spinnerbox:focus {
        background-color: #fcffc6;
        border-radius: 0px;
        padding: 1px;
        box-shadow: 0 0 7px #3774a3;
        text-align: center;
        border-radius: 5px;
    }

.DropDownBox {
    background-color: white;
    color: #000;
    font-size: 13px;
    padding: 2px;
    border-radius: 6px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    /*-ms-transition: all 0.25s ease-in-out;*/
    -o-transition: all 0.25s ease-in-out;
    border: thin solid #ccc;
}

    .DropDownBox:focus {
        background-color: #fcffc6;
        color: #000;
        font-size: 14px;
        padding: 3px;
        border-radius: 6px;
        box-shadow: 0 0 7px #3774a3;
        border: thin solid #3774a3;
        font-size: 13px;
    }

.Button {
    background-color: #272727;
    color: white;
    padding-top: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 8px;
    border: 1px solid #542e24;
    border-radius: 0px;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 13px;
}

    .Button:hover {
        background-color: #ccc;
        color: black;
        padding-top: 8px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 8px;
        border-radius: 0px;
        font-family: 'PT Sans Caption', sans-serif;
    }

.bannertext {
    padding-top: 25px;
    font-size: calc(1vw + 1vh);
    width: 90%;
    text-align: center;
    margin: auto;
    line-height: 35px;
}


/****** COMPUTER LAYOUT ******/

@media screen and (min-width:1401px) /*and (max-width:2560px)*/ {

    body {
        font-family: 'PT Sans Caption', sans-serif;
        top: 0px;
        margin: 0px;
        background-color: #fff;
        font-size: 16px;
        line-height: 28px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        color: black;
    }

    .MainContent {
        margin-top: 125px;
    }

    .MainContentSmaller {
       *margin-top: 85px;
    }

    .headerbanner {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
        color: white;
        background-image: url('../artwork/small-banner.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 49%;
        margin-bottom: 10px;
        /*max-width: 600px;*/
        display: inline-block;
        vertical-align: top;
        /*padding-left: 40px;*/
        padding-right: 40px;
        text-align: justify;
    }

    .Homepagesplitright {
        margin: auto;
        margin-top: 5px;
        width: 65%;
        margin-bottom: 10px;
        max-width: 600px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        /*margin-left:50px;*/
    }

    .servicepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 49%;
        margin-bottom: 10px;
        /*max-width: 600px;*/
        display: inline-block;
        vertical-align: top;
        /*padding-left: 40px;*/
        padding-right: 40px;
        text-align: justify;
    }

    .servicepagesplitright {
        margin: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        /*margin-left:50px;*/
        width: 35%;
        max-width: 400px;
    }

    .redbanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 250px;
        font-size: 34px;
        color: white;
        line-height: 36px;
    }

    .redbannerservice {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 280px;
        font-size: 34px;
        color: white;
        line-height: 40px;
	padding-top: 25px;
    }


    .bluebanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/text-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 250px;
        font-size: 34px;
        color: white;
        line-height: 36px;
    }

    .HeaderMobileSite {
        display: none;
    }

    .HeaderMobileMenu {
        display: none;
    }

    .Header {
        overflow: visible;
        text-align: center;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 125px;
        z-index: 1;
        /*-webkit-transition: 1s, -webkit-transform 1s;
        transition: 1s, transform 1s;*/
        /*background-color:rgba(255, 255, 255, 0.78);*/
        color: white;
    }

    .HeaderSmaller {
        height: 125px;
    }

    .HeaderInner {
        position: relative;
        width: auto;
        height: 80px;
        overflow: hidden;
        background-color: white;
    }

    .HeaderLogo {
        display: inline-block;
        overflow: hidden;
        text-align:center;
        vertical-align: top;
        height: auto;
        -webkit-transition: 1s;
        transition: 1s;
        background-color: white;
        height: 80px;
        left:0px;
        width:auto;
        margin:auto;
    }

    .HeaderLogoSmaller {
        -webkit-transition: 1s;
        transition: 1s;
        /*left: 0px;
        width: 275px;
        height: auto;
        -webkit-transition: 1s;
        transition: 1s;
        height: 80px;
        */
    }

    .HeaderNumber {
        position: absolute;
        vertical-align: middle;
        top: 0px;
        right: 0px;
        width: 150px;
        /*height: 25px;*/
        font-size: 20px;
        line-height: 22px;
        text-align: right;
        padding-right: 5px;
        z-index: 1000;
        color:black;
    }

    .HeaderMenu {
        top: 125px;
        width: 100%;
        overflow: visible;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        height: 45px;
        line-height: 44px;
        background-color: #6fb42c;
        /*-webkit-transition: 1s, background-color 1s, -webkit-transform 1s;
        transition: 1s, background-color 1s, transform 1s;*/
        color: white;
        /*border-bottom: 2px solid #808080;*/
    }

        .HeaderMenu a {
            display: inline-block;
            font-family: 'PT Sans Caption', sans-serif;
            font-size: 17px;
            line-height: 18px;
            font-style: normal;
            font-weight: 500;
            margin-left: 8px;
            margin-right: 8px;
            padding-left: 12px;
            padding-right: 12px;
            padding-bottom: 8px;
            text-decoration: none;
            width: auto;
            text-align: center;
            color: white;
        }

            .HeaderMenu a:visited a:link a:active {
                color: white;
            }

            .HeaderMenu a:hover {
                text-decoration: none;
                color: red;
                border-bottom: 4px solid red;
            }

    .MenuItemActive {
        border-bottom: 3px solid white;
    }


    .HeaderMenuSmaller {
        height: 45px;
        line-height: 44px;
        /*-webkit-transition: height 1s, background-color 1s, -webkit-transform 1s;
        transition: height 1s, background-color 1s, transform 1s;*/
    }

        .HeaderMenuSmaller a {
        }

    .Footer {
        min-width: 350px;
        height: auto;
        bottom: 0px;
        width: 100%;
        height: auto;
        overflow: auto;
        text-align: center;
        margin: auto;
        background-color: rgba(12, 12, 12, 0.72);
    }

    .copyright {
        background-color: #1d487c;
        color: white;
        height: 60px;
        line-height: 60px;
    }

    .ImageLinks {
        width: 100%;
        background-color: #f5f5f5;
    }

    .ImageLinksInner {
        margin: 25px;
        display: inline-block;
        vertical-align: bottom;
        max-width: 25%;
        line-height: 30px;
        font-size: 22px;
        font-weight: 400;
    }
}



/****** TABLET LAYOUT ******/

@media screen and (min-width:900px) and (max-width:1400px) {
    
    body {
        font-family: 'PT Sans Caption', sans-serif;
        top: 0px;
        margin: 0px;
        background-color: #fff;
        font-size: 16px;
        line-height: 26px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        color: black;
    }

    .MainContent {
        margin-top: 75px;
    }

    .MainContentSmaller {
        margin-top: 75px;
    }

    .headerbanner {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
        color: white;
        background-image: url('../artwork/small-banner.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 42%;
        margin-bottom: 10px;
        /*max-width: 600px;*/
        display: inline-block;
        vertical-align: top;
        /*padding-left: 40px;*/
        padding-right: 40px;
        text-align: justify;
    }

    .Homepagesplitright {
        margin: auto;
        margin-top: 5px;
        width: 42%;
        margin-bottom: 10px;
        max-width: 600px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        /*margin-left:50px;*/
    }

    .servicepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 49%;
        margin-bottom: 10px;
        /*max-width: 600px;*/
        display: inline-block;
        vertical-align: top;
        /*padding-left: 40px;*/
        padding-right: 40px;
        text-align: justify;
    }

    .servicepagesplitright {
        margin: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        /*margin-left:50px;*/
        width: 35%;
        max-width: 400px;
    }
    .redbanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 225px;
        font-size: 30px;
        color: white;
        line-height: 36px;
    }

    .redbannerservice {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 280px;
        font-size: 30px;
        color: white;
        line-height: 40px;
	padding-top: 25px;
    }


    .bluebanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/text-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 225px;
        font-size: 30px;
        color: white;
        line-height: 36px;
    }

    .HeaderMobileSite {
        display: none;
    }

    .HeaderMobileMenu {
        display: none;
    }


    .Header {
        overflow: visible;
        text-align: center;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 75px;
        z-index: 1;
        -webkit-transition: -1s;
        transition: 1s;
        background-color: #6fb42c;
        color: white;
    }

    .HeaderSmaller {
        height: 50px;
    }

    .HeaderLogo {
        position: absolute;
        left: 0px;
        top: 0px;
        width: 275px;
        overflow: visible;
        vertical-align: top;
        height: 100%;
        -webkit-transition: 1s;
        transition: 1s;
        background-color: white;
        height: 75px;
    }

    .HeaderLogoSmaller {
        left: 0px;
        width: 225px;
        height: auto;
        -webkit-transition: 1s;
        transition: 1s;
        height: 50px;
    }

    .HeaderNumber {
        position: absolute;
        vertical-align: middle;
        top: 0px;
        right: 0px;
        width: 150px;
        /*height: 25px;*/
        font-size: 20px;
        line-height: 22px;
        text-align: right;
        padding-right: 5px;
        z-index: 1000;
        color: white;
    }

    .HeaderMenu {
        display: inline-block;
        width: auto;
        margin-left: 375px;
        overflow: visible;
        text-align: center;
        vertical-align: middle;
        margin: auto;
        margin-left: 275px;
        margin-right: 175px;
        height: 75px;
        line-height: 75px;
        -webkit-transition: 1s, background-color 1s, -webkit-transform 1s;
        transition: 1s, background-color 1s, transform 1s;
        color: white;
    }

        .HeaderMenu a {
            display: inline-block;
            font-family: 'PT Sans Caption', sans-serif;
            font-size: 15px;
            line-height: 18px;
            font-style: normal;
            font-weight: 500;
            margin-left: 5px;
            margin-right: 8px;
            padding-left: 8px;
            padding-right: 8px;
            padding-bottom: 8px;
            text-decoration: none;
            width: auto;
            text-align: center;
            color: white;
        }

            .HeaderMenu a:visited a:link a:active {
                color: white;
            }

            .HeaderMenu a:hover {
                text-decoration: none;
                color: red;
                border-bottom: 4px solid red;
            }

    .MenuItemActive {
        border-bottom: 3px solid white;
    }


    .HeaderMenuSmaller {
        height: 50px;
        line-height: 35px;
        -webkit-transition: height 1s, background-color 1s, -webkit-transform 1s;
        transition: height 1s, background-color 1s, transform 1s;
    }

        .HeaderMenuSmaller a {
        }

    .Footer {
        min-width: 350px;
        height: auto;
        bottom: 0px;
        width: 100%;
        height: auto;
        overflow: auto;
        text-align: left;
        background-color: rgba(12, 12, 12, 0.72);
    }

    .copyright {
        background-color: #1d487c;
        color: white;
        height: 60px;
        line-height: 60px;
    }
    .MenuLinks {
        display: inline-block;
        font-family: 'PT Sans Caption', sans-serif;
        font-size: calc(1.4vw );
        font-style: normal;
        font-weight: bold;
        margin-left: 2px;
        margin-right: 2px;
        text-decoration: none;
        max-width: 300px;
        width: 12%;
    }

        .MenuLinks:visited {
            font-family: 'PT Sans Caption', sans-serif;
            font-style: normal;
            font-weight: bold;
            font-size: calc(1.4vw );
            display: inline-block;
            margin-left: 2px;
            margin-right: 2px;
            text-decoration: none;
            color: black;
        }

        .MenuLinks:link {
            font-family: 'PT Sans Caption', sans-serif;
            font-style: normal;
            font-weight: bold;
            margin-left: 2px;
            margin-right: 2px;
            text-decoration: none;
            color: black;
        }

        .MenuLinks:hover {
            text-decoration: none;
            color: #d39850;
        }

    .ImageLinks {
        width: 100%;
        background-color: #f5f5f5;
    }

        .ImageLinksInner {
            margin: 25px;
            display: inline-block;
            vertical-align: top;
            max-width: 43%;
            min-width: 43%;
            line-height: 31px;
            font-size: 22px;
            font-weight: 400;
        }
}



/****** CELLPHONE AND SMALLER SCREEN LAYOUT *******/

@media screen and (min-width:1px) and (max-width:900px) {

    body {
        font-family: 'PT Sans Caption', sans-serif;
        top: 0px;
        margin: 0px;
        background-color: #fff;
        font-size: 16px;
        line-height: 26px;
        font-style: normal;
        font-weight: 100;
        text-align: center;
        color: black;
    }

    .MainContent {
        margin-top: 55px;
    }

    .MainContentSmaller {
        margin-top: 40px;
    }

    .headerbanner {
        height: auto;
        overflow: hidden;
        margin-bottom: 20px;
        position: relative;
        color: white;
        background-image: url('../artwork/small-banner.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .Homepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 90%;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        text-align: justify;
    }

    .Homepagesplitright {
        margin: auto;
        margin-top: 5px;
        width: 90%;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        text-align: center;
    }

    .servicepagesplitleft {
        margin: auto;
        margin-top: 5px;
        width: 90%;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        /*padding-left: 40px;*/
        text-align: justify;
    }

    .servicepagesplitright {
        margin: auto;
        margin-top: 5px;
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: top;
        text-align: right;
        /*margin-left:50px;*/
        width: 90%;
        max-width: 400px;
    }

    .redbanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 250px;
        font-size: 22px;
        color: white;
        line-height: 28px;
    }

    .redbannerservice {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/wood-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 300px;
        font-size: 25px;
        color: white;
        line-height: 35px;
	padding-top: 25px;
    }

    .bluebanner {
        width: 100%;
        display: inline-block;
        background-image: url('../artwork/text-bg.jpg');
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 300px;
        font-size: 22px;
        color: white;
        line-height: 28px;
    }

    .HeaderMobileSite {
        overflow: visible;
        text-align: center;
        position: fixed;
        width: 100%;
        top: 0px;
        left: 0px;
        height: 55px;
        z-index: 1;
        -webkit-transition: 1s;
        transition: 1s;
        /*background-color: rgba(12, 12, 12, 0.78);*/
        background-color: white;
        color: white;
        display: inline-block;
        border-bottom: thin inset #6fb42c;
        min-width:350px;
    }

    .HeaderMobileSiteSmaller {
        height: 30px;
        -webkit-transition: top 1s, height 1s, background-color 1s, -webkit-transform 1s;
        transition: top 1s, height 1s, background-color 1s, transform 1s;
        background-color: rgba(12, 12, 12, 0.75);
    }

    .Header {
        display: none;
    }


    .HeaderLogoMobile {
        /*text-align: center;*/
        /*display: block;*/
        width: 200px;
        margin: auto;
        height: 55px;
        /*width: 150px;*/
        overflow: hidden;
        /*vertical-align: top;*/
        -webkit-transition: width 1s, height 1s, top 1s, left 1s, background-color 1s, -webkit-transform 1s;
        transition: width 1s, height 1s, top 1s, left 1s, background-color 1s, transform 1s;
    }

    .HeaderLogoMobileSmaller {
        text-align: center;
        display: block;
        margin: auto;
        height: 85%;
        width: 70%;
        overflow: hidden;
        vertical-align: top;
        padding: 5px;
        -webkit-transition: width 1s, height 1s, top 1s, left 1s, background-color 1s, -webkit-transform 1s;
        transition: width 1s, height 1s, top 1s, left 1s, background-color 1s, transform 1s;
    }

    .HeaderNumberMobile {
        position: absolute;
        vertical-align: middle;
        top: 3px;
        right: 0px;
        width: 100px;
        /*height: 25px;*/
        font-size: 12px;
        line-height: 15px;
        text-align: right;
                z-index: 1000;
        color: black;
    }

    .HeaderNumberMobileSmaller {
        position: absolute;
        display: inline-table;
        vertical-align: middle;
        right: 0px;
        /*width: auto;*/
        /*height: 25px;*/
        font-size: 18px;
        line-height: 45px;
        text-align: right;
    }

    .HeaderIconMobile {
        position: absolute;
        left: 15px;
        top: 18px;
        -webkit-transition: 1s, background-color 1s, -webkit-transform 1s;
        transition: 1s, background-color 1s, transform 1s;
    }

    .HeaderIconMobileSmaller {
        position: absolute;
        left: 15px;
        top: 11px;
        -webkit-transition: 1s, background-color 1s, -webkit-transform 1s;
        transition: 1s, background-color 1s, transform 1s;
    }

    .HeaderMobileMenu {
        /*font-family: 'PT Sans Caption', sans-serif;*/
        height: 100%; /* 100% Full-height */
        width: 0; /* 0 width - change this with JavaScript */
        position: fixed; /* Stay in place */
        z-index: 1; /* Stay on top */
        top: 0;
        left: 0;
        background-color: rgba(12, 12, 12, 0.90);
        overflow-x: hidden; /* Disable horizontal scroll */
        padding-top: 60px; /* Place content 60px from the top */
        transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
    }

        /* The navigation menu links */
        .HeaderMobileMenu a {
            text-decoration: none;
            color: white;
            font: bold;
            display: block;
            transition: 0.3s;
        }

        /* When you mouse over the navigation links, change their color */
            .HeaderMobileMenu a:hover, .offcanvas a:focus {
                color: #6fb42c;
            }

        /* Position and style the close button (top left corner) */
        .HeaderMobileMenu .closebtn {
            position: absolute;
            top: 10px;
            left: 5px;
            /*margin-left: 50px;*/
            color: white;
            
            font-size: 36px;
            height: auto;
            overflow: auto;
        }

    .MobileMenu {
        /*margin-top: 15px;*/
        margin-right: 15px;
        margin-left: 15px;
        width: auto;
        height: auto;
        overflow: visible;
        text-align:left;
    }

    .MobileMenu-item {
        border-bottom: thin dotted #6fb42c;
        line-height: 40px;
    }

    .MobileMenu-itemindent {
        border-bottom: thin dotted #6fb42c;
        line-height: 40px;
        text-indent: 2em;
    }

    .Footer {
        min-width: 320px;
        height: auto;
        bottom: 0px;
        width: 100%;
        overflow: visible;
        text-align: center;
    }

    .copyright {
        background-color: #1d487c;
        color: white;
        height: 60px;
        line-height: 60px;
    }

    /*.MobileMenuLinks {
        text-decoration: none;
        color: #808080;
        font-weight: 500;
        line-height: 50px;
    }

        .MobileMenuLinks:hover {
            text-decoration: none;
            color: black;
        }*/

    .ImageLinks {
        width: 100%;
        background-color: #f5f5f5;
    }

    .ImageLinksInner {
        margin: 15px;
        display: inline-block;
        min-width: 90%;
        line-height: 30px;
        font-size: 20px;
        font-weight: 400;
    }
}


.FooterLinks {
    display: inline-block;
    width: 100%;
    overflow: visible;
    height: auto;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    padding-top: 30px;
    height: 30px;
    -webkit-transition: width 1s, height 1s, background-color 1s, -webkit-transform 1s;
    transition: width 1s, height 1s, background-color 1s, transform 1s;
    color: white;
}

.FooterLinks a {
    display: inline-block;
    font-family: 'PT Sans Caption', sans-serif;
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    font-weight: 600;
    margin-left: 2px;
    margin-right: 2px;
    text-decoration: none;
    max-width: 175px;
    width: 25%;
    text-align: center;
    color: white;
}

.FooterLinks a:visited a:link a:active {
    font-family: 'PT Sans Caption', sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 15px;
    display: inline-block;
    margin-left: 2px;
    margin-right: 2px;
    text-decoration: none;
    text-align: center;
    color: white;
    max-width: 175px;
    width: 25%;
}

    .FooterLinks a:hover {
        text-decoration: none;
        color: #ac0000;
    }