﻿@media (min-width: 1920px) {
    .videoContainer {
        height: 691px;
    }
}

@media (min-width: 1280px) {

    /*#############################################################*/
    /*#############################################################*/
    /* LOCAL REUSABLES ###################################################
    ############################################################*/
    /*#############################################################*/

    .commonHeader {
        padding-top: calc(5.9 / 100 * 1280px);
        padding-bottom: calc(2.95 / 100 * 1280px);
    }

        .commonHeader > label {
            padding-bottom: calc(2 / 100 * 1280px);
        }

        .commonHeader > h2 {
            padding-bottom: calc(2 / 100 * 1280px);
        }

    .commonLinkWrapper {
        margin-top: calc(1.4 / 100 * 1280px);
    }

    .commonTextArea {
    }

        .commonTextArea > div {
        }

    .commonTAGreyBox {
        height: calc(17.65 / 100 * 1280px);
    }

        .commonTAGreyBox > div {
            height: 100%;
        }

    .commonTAGreyBoxRight {
        height: calc(17.65 / 100 * 1280px);
    }

        .commonTAGreyBoxRight > div {
        }

    .commonTAInfo {
        padding: calc(2.95 / 100 * 1280px);
        height: calc(17.65 / 100 * 1280px);
    }

    .commonGraphicsArea {
        height: calc(39 / 100 * 1280px);
    }

        .commonGraphicsArea > div {
        }

    .commonGraphicsAreaWithoutImages {
        height: calc(22.33 / 100 * 1280px);
        margin-top: calc(5.9 / 100 * 1280px);
    }

    .commonGraphicsDisplay {
    }

    .commonGraphicsDisplayCenter {
    }

    .cgdParagraphWrapper {
        height: calc(17.42 / 100 * 1280px);
    }

    .cgdImageContainer {
        height: calc(16.67 / 100 * 1280px);
        padding-top: calc(2.95 / 100 * 1280px);
        padding-bottom: calc(2.95 / 100 * 1280px);
    }

    .cgdParagraphContainer {
        padding-top: calc(2.95 / 100 * 1280px);
        padding-bottom: calc(2.95 / 100 * 1280px);
    }

    .cgdButton {
        height: calc(4.91 / 100 * 1280px);
    }

    .cgdButtonCenter {
        height: calc(4.91 / 100 * 1280px);
    }

    .bannerRow {
        padding-top: calc(5.9 / 100 * 1280px);
    }

    .brHiddenHalf {
        height: calc(15.69 / 100 * 1280px);
    }

        .brHiddenHalf > div {
        }

    .brDetailHalf {
        height: calc(15.69 / 100 * 1280px);
    }

    .brDetailContainer {
        padding: calc(2 / 100 * 1280px);
    }

        .brDetailContainer > hr {
            margin-bottom: calc(1 / 100 * 1280px);
        }

    .bannerDetailLinkContainer {
        right: calc(2 / 100 * 1280px);
        bottom: calc(2 / 100 * 1280px);
    }

    /*#############################################################*/
    /* ROW ONE ###################################################
    ############################################################*/
    .videoContainer {
    }

    .overlay {
    }

    .rowOne {
        max-width: 1920px;
        margin: auto;
    }

    .r1ColumnOne {
    }

    .r1TopLabel {
        font-size: calc(3 / 100 * 1280px);
    }

    /*#############################################################*/
    /* ROW TWO ###################################################
    ############################################################*/

    .rowTwo {
        padding: calc(1.2 / 100 * 1280px);
        height: calc(7.8 / 100 * 1280px);
    }

    .r2ColumnOne {
    }

    .r2ColumnTwo {
    }

    .r2StockPriceDate {
    }

    .r2ColumnThree {
        margin-bottom: calc(3 / 100 * 1280px);
    }

    .r2ColumnThreeLabel2 {
    }

    .r2ArrowLightGreen {
        font-size: calc(1.8 / 100 * 1280px);
        margin-right: calc(0.7 / 100 * 1280px);
    }

    .r2ArrowOrange {
        font-size: calc(1.8 / 100 * 1280px);
        margin-right: calc(0.7 / 100 * 1280px);
    }
    /*#############################################################*/
    /* ROW THREE ###################################################
    ############################################################*/

    .rowThree {
    }

    .r3ColumnTwo {
    }

    .r3ColumnThree {
    }

    .r3VideoContainer {
        height: calc(27.46 / 100 * 1280px);
    }

    .r3LinkContainer {
        margin-top: calc(1.4 / 100 * 1280px);
    }

    /*#############################################################*/
    /* ROW FOUR ###################################################
    ############################################################*/

    .rowFour {
    }

    /*#############################################################*/
    /* ROW FIVE ###################################################
    ############################################################*/

    .rowFive {
    }

    /*#############################################################*/
    /* ROW SIX ###################################################
    ############################################################*/

    .rowSix {
        padding-bottom: calc(5.9/ 100 * 1280px);
    }

    /*###################################################*/
    /*###################################################*/
    /*###################################################*/
}
