@import url("https://use.typekit.net/bko5vmo.css");
.bottom_banner_palette_container {
    padding: 30px 10px 20px;
    text-align: center;
}

.bottom_banner_palette_heading_text {
    width: 70vw;
    margin:0px auto;
}

.bottom_banner_palette_heading_text span {
    display: block;
    font-size: 1.5vw;
    line-height: 2vw;
    font-family: sofia-pro, sans-serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 1px;
}

.bottom_banner_palette_image {
    background: url(Bottom_Banner_Image_Palette_BB_Updated_Desktop.jpg) no-repeat;
    width: 80vw;
    height: 40vw;
    margin: 2.4vw auto;
    background-size: cover;
    background-position: center;
}

.bottom_banner_palette_start_btn {
    background: #5c5c5c;
    padding: 10px;
    width: 220px;
    margin:20px auto;
    color:#ffffff;
    font-size: 18px;
    letter-spacing:1px;
    font-family: sofia-pro, sans-serif;
    font-weight: 600;
    font-style: normal;
}

.bottom_banner_palette_start_btn a {
    text-decoration: none;
    color:#ffffff;
}

.bottom_banner_palette_start_btn a:hover {
    color: #ffffff;
    text-decoration: none;
}

@media only screen and (max-width: 1024px) {
    .bottom_banner_palette_heading_text {
        width: 80vw;
    }
    .bottom_banner_palette_heading_text span {
        font-size: 2vw;
        line-height: 3vw;
    }
    .bottom_banner_palette_image {
        width: 90vw;
        height: 50vw;
    }
}

@media only screen and (max-width: 768px) {
    .bottom_banner_palette_container { 
        padding: 0px;
        padding-top:20px;
    }
    .bottom_banner_palette_image {
        background: url(Bottom_Banner_Image_Palette_BB_Updated_Tablet.jpg) no-repeat;
        width: 95vw;
        height: 60vw;
        background-position: center;
        background-size: cover;
    }
    .bottom_banner_palette_heading_text {
        width: 90vw;
    }
    .bottom_banner_palette_heading_text span { 
        font-size: 2.2vw;
        line-height: 3vw;
    }
    .bottom_banner_palette_image { 
        width: 95vw;
    }
    .bottom_banner_palette_start_btn {
        font-size: 2vw;
        width: 28vw;
    }
}


@media only screen and (max-width: 640px) { 
    .bottom_banner_palette_heading_text span { 
        font-size: 2vw;
        line-height: 3vw;
    }
}


@media only screen and (max-width: 540px) { 
    .bottom_banner_palette_heading_text {
        width: 85vw;
    }
    .bottom_banner_palette_heading_text .bottom_palette_mobile_hide {
        display: none;
    }
    .bottom_banner_palette_heading_text span {
        display: initial;
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    .bottom_banner_palette_image {
        background: url(Bottom_Banner_Image_Palette_BB_Updated_Mobile.jpg) no-repeat;
        width: 95vw;
        height: 60vw;
        background-position: center;
        background-size: cover;
    }
    .bottom_banner_palette_start_btn {
        font-size: 3vw;
        width: 35vw;
    }

}