/* ===========================================================
 * Filename: responsive.css
 * Version: 0.3
 * Project:	~
 * Author: web360
 * =========================================================== */

@media screen and (max-width: 1366px){

    .info-header { left: 70px;}

}

@media screen and (max-width: 1024px){

    .info-header { width: 70%;}
    .info-header .welcome { margin-bottom: 20px;}
    .info-header ul { display: none;}
    .info-header h2 { margin-bottom: 30px;}

}

@media screen and (max-width: 860px){

    .info-header .welcome { display: none; }
    .info-header h2 { font-size: 25px;}
    nav ul li { font-size: 1em; }
    #category h1 { font-size: 1.8em; }

}

@media screen and (max-width: 700px){

    .info-header .cta { display: none;}
    .info-header h2 { font-size: 20px; margin-bottom: 0;}

}

@media screen and (max-width: 560px){

    .info-header h2 { display: none;}
    header .absolute-logo img { width: 100px; }

}