.footer-container {
    margin: 7% 0 0;

    height: auto;
    
    background-color: #fafafa;
}

.footer-wrapper {
    margin: 0 7%;
    
    width: 100%;
}

.footer-container__inner-container__content-grid {
    display: grid;
    grid-template-columns: 4fr 2fr 2fr;
    grid-template-rows: 3fr .8fr .9fr;
    
    margin: 0 1vw 0 7vw;
    
    width: 66%;
}

.footer-content__title {
    margin-bottom: 7px;

    font-family: 'Lato-Bold';
    font-size: 1.25vw;
}

.footer-content__sub-title {
    margin: 12px auto 12px auto;
    
    color: black;

    font-family: 'Lato-Regular';
    font-size: 1.19vw;
}

.footer-content__sub-title a {
    margin: 12px auto 12px auto;
    
    color: black;
    
    font-family: 'Lato-Regular';
    font-size: 1.19vw;
    
    cursor: pointer;
}

.footer-container__inner-container__left-box-wrapper {
    width: 33%;
    
    display: -webkit-box;
    -webkit-box-pack: center;
}

#footer-container__not-sure-what-you-want {
    position: relative;

    top: -14vw;
}

#footer-image__lady {
    width: 21vw;
}

#still-not-sure {
    font-family: 'Lato-Black';
    font-size: 28px;
}
.footer-container__top-box {
    margin: 2.5vw 0;
    
    width: 100%;
}

.footer-content__btn__lets-chat {
    margin: 1.3vw auto 1.1vw auto;
    
    height: 3.25vw;
    width: 15.1vw;
    
    color: #fff;
    
    background-color: #337ab7;
    border-radius: 3px;
    box-shadow: 0 3px 10px 3px rgba(51,122,183,.2);
}

.footer-content__btn__lets-chat__title {
    margin: 0 auto;
    
    color: #fff;
    
    font-family: 'Lato-Bold';
    font-size: 1.2vw;
}

.footer-content__btn__lets-chat__icon {
    margin-left: 1vw;
    margin-top: .1vw;
    
    width: 1.3vw;
}

.footer-content__fp-logo {
    grid-column-start: 2;
    grid-column-end: 4;
}

.footer-content__social-icon {
    margin: 0 .75vw 1.5vw 0;
}

.footer-content__title__custom a{
    width: 10vw;
    height: 1.9vw;

    color: #000;
    
    font-family: 'Lato-Regular';
    font-size: 1.2vw;
    justify-content: center;
    text-align: center;

    background: #f2f2f2;
    border-radius: 21px;
}

@media (max-width: 1024px) and (min-width: 768px)
{
    #still-not-sure {
        font-size: 20px;
    }

    .footer-container {
        height: 350px;
    }

    .footer-container__inner-container__content-grid{
        display: grid;
        grid-template-columns: 4fr 2fr 2fr;
        grid-template-rows: .3fr .25fr .25fr;

        margin: 0 1vw 0 7vw;
        
        width: 66%;
    }

    .footer-content__title {
        font-size: 14px;    
    }

    .footer-content__sub-title {
        margin: 5px auto 5px auto;

        font-family: 'Lato-Regular';
        font-size: 12px;
    }

    .footer-content__fp-logo__icon{
        width: 21vw;
        height: 2.5vw;
    }

    .footer-content__fp-logo__icon img {
        width: 152px;
        height: 24px;
    }

    .footer-content__social-icon img {
        width: 22px;
        height: 22px;
    }

    .footer-content__title__custom a {
        width: 10vw;
        height: 20px;
        
        color: #000;

        font-family: 'Lato-Regular';
        font-size: 12px;
        text-align: center;
        justify-content: center;

        background: #f2f2f2;
        border-radius: 21px;
    }
}

.footer-content__fp-logo__icon img {
    width: 230px;
    height: 30px;
}

/* Small tablet view */
@media (max-width: 767px) and (min-width: 600px){
    #still-not-sure {
        font-size: 18px;
    }

    .footer-container__inner-container__content-grid{
        display: grid;
        grid-template-columns: 4fr 2fr 3fr;
        grid-template-rows: .3fr .25fr .25fr;        

        margin: 0 1vw 0 7vw;
        
        width: 66%;
    }

    .footer-content__title {
        font-size: 13px;    
    }

    .footer-content__sub-title {
        margin: 5px auto 5px auto;

        font-family: 'Lato-Regular';
        font-size: 11px;
    }

    .footer-content__fp-logo__icon{
        width: 21vw;
        height: 2.5vw;
    }

    .footer-content__fp-logo__icon img {
        width: 152px;
        height: 24px;
    }

    .footer-content__social-icon img {
        width: 22px;
        height: 22px;
    }

    .footer-content__title__custom a {
        width: 11vw;
        height: 18px;

        color: #000;
        
        font-family: 'Lato-Regular';
        font-size: 11px;
        text-align: center;
        justify-content: center;
        
        background: #f2f2f2;
        border-radius: 21px;
    }
}

.footer-mobile {
    display: none;
}

@media (max-width: 600px)
{
    #footer-desktop, .footer-container {
        display: none;
    }

    .footer-mobile {
        display: inline-block;
        
        position: relative;
        
        width: 100%;
        height: 45px;
    }

    .footer-icons {
        position: absolute;
    }

    .footer-icons img {
        width: 60px;
        height: 30px;
    }

    .footer-logo {
        top: 0px;
        left: 20px;
    }

    .insta-social-icon {
        top: 0;
        right: 55px;
    }


    .fb-social-icon {
        top: 0;
        right: 10px;
    }
}

@media (min-height: 610px) {
    .footer-mobile {
        position: absolute;

        bottom: 0px;
    }
}