html,
    body {
        height: 100%;
    }
    
    body {
        font-family: 'Source Sans Pro', sans-serif;
        color: #201E1D;
        background-color: #F4F1ED;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: antialiased;
    }
    /* Header ****************************************************************/
    
    .hero {
        position: relative;
        height: 50%;
        background-image: url(/images/elmway/hero-img.jpg);
        background-repeat: no-repeat;
        background-position: center right -400px;
        background-size: cover;
    }
    
    .hero-bg {
        height: 100%;
        background: rgb(246, 244, 241);
        background: -moz-linear-gradient(70deg, rgba(246, 244, 241, 1) 60%, rgba(255, 255, 255, 0) 60%);
        background: -webkit-linear-gradient(70deg, rgba(246, 244, 241, 1) 60%, rgba(255, 255, 255, 0) 60%);
        background: linear-gradient(70deg, rgba(246, 244, 241, 1) 60%, rgba(255, 255, 255, 0) 60%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#f6f4f1", endColorstr="#ffffff", GradientType=1);
    }
    
    .hero-copy {
        margin-top: -15%;
    }
    
    .logo {
        display: inline-block;
        width: 150px;
        height: 107px;
        background-image: url(/images/elmway/logo.svg);
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
    
    h1 {
        font-family: 'Merriweather', serif;
        font-size: 3.6vw;
        line-height: 4.8vw;
    }
    
    h2 {
        font-family: 'Merriweather', serif;
        font-size: 30px;
        margin-bottom: 50px;
    }
    
    h4 {
        font-size: 20px;
        color: #977049;
        letter-spacing: 3px;
        text-transform: uppercase;
        margin-bottom: 50px;
    }
    /* Sections **************************************************************/
    
    .section {
        position: relative;
        padding: 100px 0;
    }
    
    .section.light {
        background-color: #F9F8F6;
    }
    
    .section.pattern {
        background-image: url(/images/elmway/pattern.svg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    
    .line {
        position: absolute;
        display: block;
        left: 50%;
        bottom: -50px;
        display: block;
        width: 1px;
        height: 100px;
        background-color: #000;
    }
    
    .snippet {
        font-family: 'Merriweather', serif;
        font-size: 24px;
    }
    
    .content {
        background-color: #FFF;
        padding: 100px 0;
    }
    
    .content p {
        column-count: 2;
        column-gap: 30px;
    }
    
    .description {
        font-size: 18px;
        color: #666666;
        letter-spacing: 0;
        line-height: 28px;
    }
    
    .contact {
        background-color: #FFF;
        padding: 150px 0;
    }
    /* Slider ****************************************************************/
    
    .photos {
        margin-top: 100px;
    }
    
    .slick-slide {
        margin-right: 30px;
        margin-left: 30px;
    }
    /* Forms *****************************************************************/
    
    .form-group label {
        font-size: 16px;
        color: #6C6C6C;
        line-height: 20px;
        text-transform: uppercase;
    }
    
    .form-control {
        border: none;
        border-bottom: 1px solid #CECECE;
        border-radius: 0;
    }
    /* Buttons ****************************************************************/
    
    .btn-main {
        position: relative;
        font-family: 'Merriweather', serif;
        font-size: 15px;
        letter-spacing: 2px;
        text-transform: uppercase;
        background-color: #F4F1ED;
        border: 1px solid #F4F1ED;
        padding: 12px 15px 10px 15px;
        border-radius: 0;
    }
    
    .btn-main::after {
        display: block;
        content: "";
        position: absolute;
        top: 21px;
        left: -45px;
        width: 50px;
        height: 1px;
        background-color: #977049;
    }
    
    .btn-main:hover {
        color: #FFF;
        border-color: #F4F1ED;
        background-color: #977049;
    }
    /* Footer ****************************************************************/
    
    .footer {
        background-color: #000;
        padding: 30px 0 0;
    }
    
    .footer a {
        color: #6F6F6F;
    }
    
    .footer a:hover {
        color: #999999;
    }
    
    .foot_logo {
        display: block;
        width: 197px;
        height: 25px;
        background-image: url(/images/elmway/logo_text.svg);
        background-repeat: no-repeat;
        text-indent: -9999px;
    }
    
    .copyright {
        background-color: #1A1A1A;
        margin-top: 30px;
        padding: 15px 0;
        color: #6F6F6F;
    }
    
    @media (max-width: 767.98px) {
        .hero {
            height: 80%;
            background: none;
        }
        h1 {
            font-size: 40px;
            line-height: unset;
        }
        h2 {
            font-size: 26px;
        }
        h4 {
            font-size: 16px;
        }
        .snippet {
            font-size: 20px;
        }
        .description {
            font-size: 16px;
            line-height: 24px;
        }
        .content p {
            column-count: 1;
        }
    }