﻿@media (min-width: 1280px) {

    /*###################################################*/
    /* SHARED ################################################*/
    /*###################################################*/

    .top-row-margin {
        margin-top: calc(8.82 / 100 * 1280px);
    }

    /* Separator styles */
    .row-separator {
        padding: calc(4 / 100 * 1280px) 0;
    }

    .separator-container {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .separator-line {
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: rgb(76, 132, 62);
    }

    .separator-icon {
        position: relative;
        background-color: rgb(244, 245, 241);
        padding: 0 calc(2 / 100 * 1280px);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1;
    }

        .separator-icon img {
            width: calc(5 / 100 * 1280px);
        }

    .content-row-top-margin {
        margin-top: calc(4 / 100 * 1280px);
    }

    /* Shared text container */
    .content-text-container {
        padding: calc(4 / 100 * 1280px);
    }

    /* Shared text styles */
    .content-title-image {
        margin-bottom: calc(1.5 / 100 * 1280px);
    }

    .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(0.85 / 100 * 1280px);
    }

    /* Shared image container */
    .content-image-container {
        min-height: calc(35 / 100 * 1280px);
        padding: calc(4 / 100 * 1280px) 0 calc(4 / 100 * 1280px) calc(4 / 100 * 1280px);
    }

    /* Background image rows */
    .background-row {
        height: calc(41.177 / 100 * 1280px);
    }

    .background-info-row {
        height: calc(61.8 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW ONE ################################################*/
    /*###################################################*/

    .l2-row-one-container {
        height: calc(30 / 100 * 1280px);
    }

    .l2-row-one-content-row {
        padding: calc(5 / 100 * 1280px) calc(15 / 100 * 1280px);
        max-width: 1280px;
        left: 50%;
        transform: translateX(-50%);
    }

    .l2-row-one-heading {
        font-size: calc(3 / 100 * 1280px);
        margin-bottom: calc(1.5 / 100 * 1280px);
    }

    .l2-row-one-subtitle {
        font-size: calc(2.4 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .l2-row-one-text {
        font-size: calc(1.2 / 100 * 1280px);
    }

    .l2-row-one-buttons {
        gap: calc(2 / 100 * 1280px);
        margin-top: calc(3 / 100 * 1280px);
    }

    .l2-row-one-button a {
        padding: calc(1 / 100 * 1280px) calc(2.5 / 100 * 1280px);
        font-size: calc(0.85 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW THREE - Testimonial ############################*/
    /*###################################################*/

    .r3-photo-container {
        padding: calc(5.5 / 100 * 1280px) calc(2 / 100 * 1280px) calc(5.5 / 100 * 1280px) calc(2 / 100 * 1280px);
        height: calc(20 / 100 * 1280px);
    }

    .r3-quote-text {
        font-size: calc(2.4 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .r3-quote-name,
    .r3-quote-title,
    .r3-quote-department {
        font-size: calc(1 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW FOUR  - Info Image ############################*/
    /*###################################################*/

    .r4-image-row {
        margin: 0;
    }

    .r4-image-container {
        padding: 0;
    }

        .r4-image-container img {
            width: 100%;
            height: auto;
            display: block;
        }

    /*###################################################*/
    /* ROW FIVE - Repeating Sections ######################*/
    /*###################################################*/

    /* Uses shared .content-title, .content-text, .content-button, .content-image-container */

    /* Section 2 Infographic Area */
    .r5-section2-info-container {
        padding: calc(6 / 100 * 1280px) calc(10 / 100 * 1280px);
    }

    .r5-disclaimer-text {
        font-size: calc(0.8 / 100 * 1280px);
        margin: 0 calc(8 / 100 * 1280px);
    }

    /*###################################################*/
    /* ROW SEVEN - Contact Section ########################*/
    /*###################################################*/

    .r7-contact-container {
        height: calc(64 / 100 * 1280px);
    }

    .r7-content-row {
        padding: calc(5 / 100 * 1280px) calc(10 / 100 * 1280px);
        max-width: 1280px;
        left: 50%;
        transform: translateX(-50%);
    }

    .r7-header {
        margin-bottom: calc(3 / 100 * 1280px);
    }

    .r7-heading {
        font-size: calc(3 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .r7-subtitle {
        font-size: calc(1.2 / 100 * 1280px);
    }

    .r7-contact-col {
        padding: calc(2 / 100 * 1280px);
        margin-bottom: 0;
    }

    .r7-contact-item {
        gap: calc(3 / 100 * 1280px);
    }

    .r7-contact-photo {
        width: calc(12 / 100 * 1280px);
        height: calc(12 / 100 * 1280px);
    }

    .r7-contact-label {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(1 / 100 * 1280px);
    }

    .r7-contact-name {
        font-size: calc(1.5 / 100 * 1280px);
        margin-bottom: calc(1 / 100 * 1280px);
    }

    .r7-contact-title {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(0.8 / 100 * 1280px);
    }

    .r7-contact-phone {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(0.8 / 100 * 1280px);
    }

    .r7-contact-email {
        font-size: calc(1 / 100 * 1280px);
    }

    .r7-contact-link {
        font-size: calc(1 / 100 * 1280px);
    }

    .r7-lower-section {
        margin-top: calc(4 / 100 * 1280px);
        padding: 0 calc(10 / 100 * 1280px);
    }

    .r7-lower-title {
        font-size: calc(1.5 / 100 * 1280px);
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .r7-lower-text {
        font-size: calc(1 / 100 * 1280px);
    }

    .r7-lower-labels {
        margin-bottom: calc(2 / 100 * 1280px);
    }

    .r7-lower-label {
        font-size: calc(1 / 100 * 1280px);
        margin-bottom: calc(1 / 100 * 1280px);
    }

        .r7-lower-label:last-child {
            margin-bottom: 0;
        }

}
