body {
}

#Page {
    width: 100%;
    max-width: 900px;
    margin: auto;
}

#Banner {
    width: 100%;
    height: 80px;
    background: #010101;
}


    #Banner img {
        width: auto;
        max-width: 100%;
        height: 100%;
        background: #222;
    }

#Container {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}

    #Container h5 {
        width: 100%;
        text-align: center;
        font-size: 20px;
    }

    #Container #TextContainer {
        overflow-y: scroll;
        max-height: 300px;
        height: 100%;
        margin: 0px 0px;
        background: #f7f7f7;
        float: left;
    }

        #Container #TextContainer #Text {
            padding: 14px;
        }

    #Container #ButtonContainer {
        text-align: center;
        float: left;
        margin: 10px 0px 0px 0px;
        width: 100%;
    }

        #Container #ButtonContainer input {
            width: 140px;
            text-align: center;
            height: 30px;
            margin-bottom: 10px;
        }

#Footer {
    width: 100%;
    height: auto;
    background: #dcdcdc;
    float: left;
    position: relative;
    padding: 20px 10px;
}

    #Footer > ul {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0px;
        margin: 0px;
        height: 100%;
    }

        #Footer > ul > li {
            float: left;
            width: 33%;
        }

    #Footer #socialLogos {
        float: left;
        text-align: center;
    }

        #Footer #socialLogos a {
        }

        #Footer #socialLogos li img {
            float: left;
            width: 40px;
            height: 40px;
        }

    #Footer #copyright {
        color: #808080;
        float: right;
        margin: 10px 0px;
    }

@media (max-width : 700px) {
    #Container h5 {
        font-size: 4vw;
        font-weight: bold;
    }

    #Container #TextContainer {
        max-height: 56vh;
    }

        #Container #TextContainer #Text {
            font-size: 4vw;
        }

    #Container #ButtonContainer input {
        width: 32vw;
        text-align: center;
        height: 30px;
        margin-bottom: 10px;
        font-size: 3vw;
    }

    #Footer > ul {
        text-align: center;
    }

        #Footer > ul > li {
            float: left;
            width: 100%;
            margin: 5px 0px;
        }

    #Footer #socialLogos {
        width: 100%;
    }

    #Footer #copyright {
        color: #808080;
        float: none;
        margin: auto;
    }
}



#Preloader {
    position: absolute;
    z-index: 9999;
    background: rgba(255,255,255,0.88);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

    #Preloader table {
        width: 100%;
        height: 100%;
        text-align: center;
    }

        #Preloader table img {
            width: 100px;
            height: 100px;
            text-align: center;
        }