/* for laptops, tablets & pcs with larger screens */
@media screen and (min-width: 960px) {

    #BottomBox p {
        font-size: 1em;
        font-size: 0.85vw;
    }
}

/* for phones and tablets with smaller screens */
@media screen and (max-width: 959px) {

    #BottomBox p {
        font-size: 0.8em;
        font-size: 3.5vw;
        font-size: 75%;
    }
    
}

#FooterFiller {
    width: 100%;
    /*height: 5vw;*/
    background-color: white;
}


#BottomImage {
    width: 100%;
    height: auto;
    height: 0.75vw;
    display: block;

    /*Prevent blurring of image borders*/
    image-rendering: optimizeSpeed;             /*                     */
    image-rendering: -moz-crisp-edges;          /* Firefox             */
    image-rendering: -o-crisp-edges;            /* Opera               */
    image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */
    image-rendering: optimize-contrast;         /* CSS3 Proposed       */
    -ms-interpolation-mode: nearest-neighbor;   /* IE8+                */

}

#BottomFiller {
    background-color: #741243;
    padding: 1% 0%;
}

#BottomBox p {
    padding: 0vw 5vw;
    padding: 0% 15%;

    color: white;

}

#BottomBox a {
    text-decoration: none;
    color: #0f5388;
}

#FooterLeftColumn {
    width: 50%;
    float: left;
}

#FooterRightColumn {
    width: 50%;
    float: right;
}

.FooterTitle {
    font-weight: bold; 
}

#SneakyCredentials {
    width: 100%;
}

#SneakyCredentials p {
    text-align: center;
}