﻿
.footer a {
}
@media screen and (max-width: 992px) {
    .footer a {
        color: #ffd400 !important;
        font-size: 14px;
    }
}
.hero-banner {
    width: 992px;
    height: 682px;
    margin: 0 auto;
    background-image: url('/images/iStock-179114638.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.textmargin {
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, .75);
    padding: 5px 10px;
    width: 727px;
    margin:0 auto
}
.padding{
    margin-left:40px
}
.letterTop {
    background-image: url('/images/ContactHeader.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 727px;
    margin: 0 auto;
    height: 170px;
}

.letterMiddle {
    background-image: url('/images/ContactBody.png');
    background-size: contain;
    width: 727px;
    min-height: 144px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: repeat-y;
}

.letterEnd {
    background-image: url(/images/new/ContactFooter.png);
    background-size: contain;
    width: 727px;
    height: 72px;
    margin-left: auto;
    margin-right: auto;
    background-repeat: no-repeat;
}
    .footer {
        width: 993px;
        height: 50px;
        background-image: url('/images/2013footer.png');
        background-repeat: no-repeat;
        text-align: center;
        font-size: 10px;
        line-height: 50px;
        margin-top: -10px;
    }

    .BGBox {
        background-image: url('/images/2013middle.png');
        background-repeat: repeat-y;
        width: 992px;
        height: 762px;
        position: absolute;
        z-index: 1;
        pointer-events: none;
        user-select: none;
        height:662px;
    }

    .header-mobile-img {
        display: none;
    }



@media screen and (max-width: 992px) {
    .letterTop {
        width: 80%;
        aspect-ratio: 727 / 170;
        height: auto; 
        background-size: 100% 100%;
    }

    .letterMiddle {
        width: 80%;
        min-height: 144px;
        background-size: 100% auto;
    }

    .letterEnd {
        width: 80%;
        aspect-ratio: 727 / 72;
        height: auto; 
        background-size: 100% 100%;
        padding-bottom: 20px;
    }

        .BGBox {
            background-image: none;
            width: 0px;
        }

        .header-img {
            display: none;
        }

        .header-mobile-img {
            display: block;
            width: 100%;
            height: 163px;
            background-image: url('/images/new/2013header_noborder.png');
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
        }


        .header {
            background-image: none;
            width: 100%;
            object-fit: cover;
            object-position: center;
            height: auto;
        }

        .footer {
            width: 100%;
            height: auto;
            background-image: none;
            background-color: #222;
            padding: 14px 0;
            line-height: normal;
            color:yellow;
            margin-top:20px;
                
        }

            .footer a {
                color: #ffd400;
                font-size: 14px;
            }

        .welcomeContent {
            width: 80%;
            height: 90%;
            background-image: none;
            background-color: yellow;
            background-size: cover;
            background-repeat: repeat;
            position: relative;
            margin: 0 auto;
            margin-bottom: 50px;
            padding-bottom: 15px;
        }

        .hero-banner {
            width: 100% !important;
            height: 100% !important;
            margin: 0 auto;
            background-image: url('/images/iStock-179114638.jpg');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .textmargin {
            margin-left: 0px;
            text-align: center;
            margin:0 auto;
            width:80%;
        }
    }
