﻿@media (min-width: 1280px) {

    .top-row-margin {
        margin-top: calc(8.82 / 100 * 1280px);
    }

    /*###################################################*/
    /* SHARED ################################################*/
    /*###################################################*/

    /* Separator styles */
    .row-separator {
        padding: calc(4 / 100 * 1280px) 0;
    }

    .separator-icon {
        padding: 0 calc(2 / 100 * 1280px);
    }

        .separator-icon img {
            width: calc(5 / 100 * 1280px);
        }

    /* Shared text container */
    .content-text-container {
        padding: calc(4 / 100 * 1280px);
    }

    /* Shared text styles */
    .content-title {
        font-size: calc(2.4 / 100 * 1280px);
        margin-bottom: calc(1.5 / 100 * 1280px);
    }

    .content-subtitle {
        font-size: calc(1.2 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .content-text {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(2.5 / 100 * 1280px);
    }

    /* Shared button styles */
    .content-button a {
        padding: calc(1 / 100 * 1280px) calc(2.5 / 100 * 1280px);
        font-size: calc(1 / 100 * 1280px);
    }

    /* Shared image container */
    .content-image-container {
        min-height: calc(35 / 100 * 1280px);
    }

    /* Background image rows */
    .background-row {
        height: calc(41.177 / 100 * 1280px);
    }

    .background-text-container {
        height: calc(41.177 / 100 * 1280px);
    }

    .background-text-content-row {
        padding: calc(5 / 100 * 1280px) calc(20 / 100 * 1280px);
        max-width: 1280px;
        left: 50%;
        transform: translateX(-50%);
    }

    .background-text {
        font-size: calc(2.4 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW ONE ################################################*/
    /*###################################################*/

    /* Uses .background-row */
    
    /*###################################################*/
    /* ROW TWO ################################################*/
    /*###################################################*/

    /* Row Two Background and Heading Section */
    .home-row-two-container {
        height: calc(30 / 100 * 1280px);
    }

    .home-row-two-content-row {
        padding: calc(5 / 100 * 1280px) calc(15 / 100 * 1280px);
    }

    .home-row-two-heading {
        font-size: calc(3 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .home-row-two-intro-text {
        font-size: calc(1.2 / 100 * 1280px);
    }

    /* Row Three - Image and Card Section */
    .row-three {
        padding-bottom: calc(5.9 / 100 * 1280px);
    }

    /* Image container */
    .r3-image-container {
        padding-right: calc(1.4725 / 100 * 1280px);
        padding-left: calc(1.4725 / 100 * 1280px);
        height: calc(27.5 / 100 * 1280px);
    }

    /* Card container */
    .r3-card-container {
        padding-right: calc(1.4725 / 100 * 1280px);
        padding-left: calc(1.4725 / 100 * 1280px);
        height: calc(27.5 / 100 * 1280px);
    }

    .r3-card {
        padding: calc(2 / 100 * 1280px) calc(3 / 100 * 1280px);
    }

    .r3-card-title {
        font-size: calc(2.4 / 100 * 1280px);
        margin-bottom: calc(1 / 100 * 1280px);
    }

    .r3-card-subtitle {
        font-size: calc(1.2 / 100 * 1280px);
        margin-bottom: calc(1 / 100 * 1280px);
    }

    .r3-card-text {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(1.5 / 100 * 1280px);
    }

    .r3-card-button a {
        padding: calc(1 / 100 * 1280px) calc(2 / 100 * 1280px);
        font-size: calc(1 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW FOUR ################################################*/
    /*###################################################*/

    /* Uses .background-text-container, .background-text-content-row, .background-text */

    /*###################################################*/
    /* ROW FIVE ################################################*/
    /*###################################################*/

    /* Uses .content-text-container, .content-title, .content-subtitle, .content-text */
    /* Uses .content-button, .content-image-container */

    /*###################################################*/
    /* ROW SIX ################################################*/
    /*###################################################*/

    /* Uses .background-text-container, .background-text-content-row, .background-text */

    /*###################################################*/
    /* ROW SEVEN ################################################*/
    /*###################################################*/

    /* Uses .content-text-container, .content-title, .content-subtitle, .content-text */
    /* Uses .content-button, .content-image-container */

    /*###################################################*/
    /* ROW EIGHT ################################################*/
    /*###################################################*/

    /* Uses .background-text-container, .background-text-content-row, .background-text */

    /*###################################################*/
    /* ROW NINE ################################################*/
    /*###################################################*/

    /* Uses .content-text-container, .content-image-container, .content-title */

    /*###################################################*/
    /* ROW TEN ################################################*/
    /*###################################################*/

    /* Uses .background-text-container, .background-text-content-row, .background-text */

    /*###################################################*/
    /* ROW ELEVEN ################################################*/
    /*###################################################*/

    /* Uses .content-text-container, .content-image-container, .content-title */

    /*###################################################*/
    /* ################################################*/
    /*###################################################*/
}
