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

    .LeftBox, .RightBox {
        height: 25vw;
        width: 50%;
    }

    .LeftBox {
        float: left;
    }

    .RightBox {
        float: right;
    }

}

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

    .LeftBox, .RightBox {
        height: 10em;
        height: 40vw;
        width: 100%;
        float: left;
    }

    .BoxInfo {
        font-size: 1em;
        font-size: 4vw;
    }

    /*.BoxTable {*/
        /*font-size: 1em;*/
        /*font-size: 2vw;*/
    /*}*/

    .PDFButton {
        visibility: hidden;
    }
    
    .RightBox.Image, .LeftBox.Image {
        display: none;
    }
    
}

.BoxInfo {
    width: 100%;
    color: white;
}

.LeftBox {
    background: #211a3c;
}

.RightBox {
    background: #741243;
}

.BoxImage {

    width: 100%;
    height: 100%;

    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.BoxInfo a {
    text-decoration: none;
    text-align: center;
}

.BoxTitle {

    text-decoration: none;
    color: white;

}

.BoxTitle:hover {
    color: #0f5388;
}

.PDFButton {

    display: block;
    text-align: center;

    width: 100%;

}

.DownloadLink, .ViewLink {
    width: 50%;
}

.DownloadLink {
    float: left;
}

.ViewLink {
    float: right;
}

.PDFButton a {

    text-decoration: none;
    color: white;

}

.PDFButton img {
    height: 5vw;
}

.PDFButton div a:hover {
    color: #0f5388;
}

#wrapper {
    text-align: center;
}

/*.BoxTable {*/
    /*display: inline-block;*/
    /*text-align: center;*/
    /*border-spacing: 0;*/
/*}*/

/*.BoxTable thead {*/
    /*background-color: grey;*/
/*}*/

/*.BoxTable th {*/
    /*color: white;*/
/*}*/

/*.BoxTable th, .BoxTable td {*/
    /*width: 20vw;*/
    /*width: 20%;*/
/*}*/

/*.BoxTable tr {*/
    /*height: 5em;*/
    /*!*height: 5vw;*!*/
/*}*/

/*.BoxTableTitle {*/
    /*color: white;*/
    /*text-align: left;*/
    /*padding-left: 1%;*/
/*}*/

/*.BoxTableLink a {*/
    /*text-decoration: none;*/
    /*color: #211a3c;*/
/*}*/

/*.BoxTableLink a:visited {*/
    /*text-decoration: none;*/
    /*color: #741243;*/
/*}*/

/*.BoxTableLink a:hover {*/
    /*color: #0f5388;*/
/*}*/

/*#DRN {*/
    /*background-color: #211a3c;*/
/*}*/

/*#DSA {*/
    /*background-color: #0f5388;*/
/*}*/

/*#PIA {*/
    /*background-color: #741243; */
/*}*/

/*#Bank {*/
    /*background-color: #0f5388;*/
/*}*/