/**
 * wrapper width break point
 */
@media screen and (max-width: 1000px) {
    body.front-page .title-holder h1 {
        font-size: 4.8vw;
    }
}

/**
 * medium break point
 */
@media screen and (max-width: 56.250em) { /** 900px **/

}

/**
 * horizontal medium break point
 */
@media screen and (max-width: 56.250em) and (orientation:landscape) {

}

/**
 * medium-small break point
 */
@media screen and (max-width: 42em) {
    body.front-page .title-holder h1 {
        width: 100%;
    }
}

/**
 * small break point
 */
@media screen and (max-width: 31.250em) { /** 500px **/
    
}