/* ---------------------- Salted Caramel Shake --------------------- */

#featured #shakes {
    position: relative;
}
#featured #shakes .ft-item {
    align-items: center;
    justify-content: center;
    text-align: center;
}
#featured #shakes .ft-text {
    
}
#featured #shakes .main-text {
    font-size: 4.5rem;
    line-height: 110%;
}
#featured #shakes .sub-text {
    font-size: 4rem;
    line-height: 125%;
}
#featured #shakes .side-text {
    position: absolute;
    bottom: 40px;
    right: 0px;
    z-index: 502;
    font-size: 2.0rem;
    line-height: 2.2rem;
    background-color: #01aef2;
    color: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.5);
    padding: .5rem 1rem 0 1rem;
}
#featured #shakes .side-text2 {
    position: absolute;
    bottom: 40px;
    left: 15px;
    z-index: 502;
    font-size: 2.5rem;
    background-color: #01aef2;
    color: #fff;
    box-shadow: 0 0 25px rgba(0,0,0,.5);
    padding: .25rem 1rem 0 1rem;
}
@media screen and (max-width:1400px) {
    #featured #shakes .main-text {
        font-size: 3.5rem;
    }
    #featured #shakes .sub-text {
        font-size: 4.2rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 2.0rem;
    }    
}
@media screen and (max-width:1200px) {
    #featured #shakes .main-text {
        font-size: 3.75rem;
    }
    #featured #shakes .sub-text {
        font-size: 3.2rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 2.0rem;
    } 
}
@media screen and (max-width:992px) {
    #featured #shakes .main-text {
        font-size: 3.25rem;
    }
    #featured #shakes .sub-text {
        font-size: 2.55rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 1.55rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        bottom: 10px;
    }
}
@media screen and (max-width:767px) {
    #featured #shakes .main-text {
        font-size: 2.5rem;
    }
    #featured #shakes .sub-text {
            font-size: 2.35rem;
    line-height: 1.5rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
            font-size: 1.35rem;
    line-height: 1.5rem;
    }
}
@media screen and (max-width:600px) {
    #featured #shakes .main-text {
        font-size: 3.5rem;
    }
    #featured #shakes .sub-text {
        font-size: 2.55rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 1.65rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        bottom: 15px;
    }
}
@media screen and (max-width:480px) {
    #featured #shakes .main-text {
        font-size: 3rem;
    }
    #featured #shakes .sub-text, #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 1.65rem;
    }
    #featured #shakes .side-text, #featured #shakes .side-text2 {
        bottom: 15px;
    }
}
@media screen and (max-width:350px) {
    #featured #shakes .main-text {
        font-size: 2.5rem;
    }
    #featured #shakes .sub-text, #featured #shakes .side-text, #featured #shakes .side-text2 {
        font-size: 1.5rem;
    }
}