.homepage-section1 {
    color: black;
    margin-top: -91px;
    background-image: url(../images/home-banner-graphic.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.homepage-section1 .container {
    padding: 20% 0 10% 0;
}

.homepage-section1-title {
    font-size: 72px;
    line-height: 1;
    color: #fff;
}

.homepage-section1-description {
    font-size: 48px;
    line-height: 1;
    color: white;
}

.homepage-section1-button-order-now {
    margin-top: 40px;
}

/* End SEction 1*/

.homepage-section2 {
    padding: 50px 0;
}

.homepage-section2 .container {
    display: flex;
}

.homepage-section2-title {
    background: url(../images/find_fav-blob-black.svg);
    background-repeat: no-repeat;
    /* background-size: cover; */
    width: 32%;
    text-align: center;
    background-position: center;
    z-index: 9;
    margin-top: 49px;
    height: 287px;
    margin-bottom: -66px;
    padding-top: 112px;
    margin-left: -88px;
}

.homepage-section2-title h3 {
    font-weight: 100;
    font-size: 30px;
    color: #fff;
    line-height: 1.4;
}

.homepage-section2-description {
    padding: 80px 105px;
    font-family: 'Lato-bold';
    font-size: 20px;
    line-height: 1.4;
    width: 68%;
}

.homepage-section3 {
    background: url(../images/sec-3-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: -130px;
}

.homepage-section3 .container {
    padding-bottom: 130px;
    padding-top: 160px;
}

.view-all {
    text-align: center;
    width: 100%;
    margin-top: 50px;
}

.homepage-section4 {
    margin: 100px 0;
}

.section4-col-right h4 {
    font-size: 30px;
    font-weight: 400;
    max-width: 340px;
}

.section4-col-right {
    align-self: center;
}

.section4-btn a {
    text-decoration: underline;
    font-family: 'Sharp Grotesk 25';
    font-size: 18px;
}

.btn-menu {
    margin-right: 30px;
}
.view-all a {
    font-family: 'Sharp Grotesk 25';
    font-size: 18px;
    text-decoration: underline;
}

.slick-prev:before,
.slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media screen and (min-device-width: 320px) and (max-device-width: 676px) {

    .homepage-section1 .container {
        padding: 100px 20px;
    }
    .homepage-section1 {
        color: black;
        background-image: url(../images/home-banner-graphic.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

    .homepage-section1-title {
        font-size: 1.8rem;
        line-height: 1.5;
        color: #fff;
        font-family: Sharp Grotesk;
        margin-top: 50px;
    }

    .homepage-section1-description {
        font-size: 19px;
        line-height: 1.5;
        color: white;
        margin-bottom: 20px;
    }
    .order-now-btn {
        margin-top: 30px !important;
        display: inline-block;
    }
    .homepage-section2 {
        padding: 0;
      }
    .homepage-section2 .container {
        display: flex;
        flex-direction: column;
        margin-top: 8%;
    }

    .homepage-section2-title {
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        background-position: center;
        z-index: 9;
        margin-left: 17px;
        width: 183px;
        height: 140px;
        padding-top: 0;
    }

    .homepage-section2-title h3 {
        font-weight: 100;
        font-size: 21px;
        color: #fff;
        line-height: 1.4;
        margin-top: -67px;
    }

    .homepage-section2-title h3 {
        font-weight: 100;
        font-size: 21px;
        color: #fff;
        line-height: 1.4;
        margin-top: 46px;
    }

    .homepage-section2 .container {
        display: flex;
        flex-direction: column;
    }

    .homepage-section2-description {
        font-family: 'Lato-bold';
        font-size: 18px;
        line-height: 1.4;
        width: 100%;
        height: auto;
        padding: 80px 20px;
    }

    .homepage-section3 {
        background: url(../images/sec-3-bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: -150px;
    }

    .homepage-section3 .container {
        padding-bottom: 6px;
        padding-top: 59px;
        margin-top: 27px;
        background-size: 300%;
        background-position: -106px -7px;
        margin-top: -327px;
    }

    .first-section {
        margin-top: 187px;
    }
    .homepage-section4 .row {
       flex-direction: column;
    }
    .homepage-section4 .col-50 {
        width: 100%;
    }
    .row {
        display: flex;
    }

    .section4-col-right h4 {
        font-size: 20px;
    }

    .section4-btn {
        margin-top: 40px;
    }

    .section4-btn a {
        text-decoration: underline;
        font-family: 'Sharp Grotesk 25';
        font-size: 20px;
        color: #000000;
    }
    .homepage-section1-description p {
        font-size: 20px;
        font-weight: 500;
        letter-spacing: 0.4px;
    }
}