.gfern-hero-title {
        font-size: 4rem !important;
        line-height: 0.9 !important;
        letter-spacing: -2px !important;
        font-weight: 800 !important;
        text-shadow: 2px 2px 10px rgba(0,0,0,0.5);
    }	
    
    .gfern-window {
        height: 70vh;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .hero-section {
        height: 100vh;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        text-transform: uppercase;
    }

    .split-row img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        min-height: 450px;
    }

    .split-row { min-height: 500px; margin: 0; }

    .text-center-block {
        padding: 60px 0;
    }
    
    .gfern-body-text, .gfern-body-textsplit {
        font-size: 1.15rem;
        line-height: 1.8;
        font-weight: lighter;   
        color:#323131 ;
    }

    .gfern-body-text { text-align: center; }

    .gfern-section-title {
        font-size: 3rem !important;
        font-weight: bold !important;
        text-transform: uppercase !important;
        letter-spacing: 2px;
    }

    .parallax-content-section {
        height: 70vh;
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        display: flex;
        align-items: center;
        position: relative;
        margin: 50px 0;
    }

    .parallax-text-box {
        background: rgba(255, 255, 255, 0.85);
        padding: 40px;
        border-radius: 2px;
    }

    /* --- FIX FOR IPHONE / MOBILE PARALLAX BUG --- */
    @media (max-width: 1024px) {
        .hero-section, 
        .gfern-window, 
        .parallax-content-section {
            background-attachment: scroll !important;
        }
    }

    @media (min-width: 1200px) {
        .margin-text { padding: 0 30px; }
    }
    
    .dotted { border: thin dashed #727171; }
    
    @media (min-width: 768px) {
        .split-row { min-height: 600px; }
        .col-xl-10 { max-width: 900px; margin: 0 auto; }
    }

    @media (max-width: 576px) {
        .col-4, .col-6 { width: 100%; margin-top: 10px; }
        .gfern-hero-title { font-size: 2rem !important; }
    }