/* -- Responsive Helper -- */
body:before {
    content: "Z";
    display: block;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 13px;
    line-height:20px;
    letter-spacing: 1px;
    color: #FFFFFF;
    width: 20px;
    height: 20px;
    pointer-events: none;
    border-style: solid;
    border-width: 0 1px 1px 0;
    border-color: #000000;
    background-color: magenta;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.6); 
}


/* ------ 2100px - 9999px  ------ */
@media (min-width: 2100px){
   
    body:before { content: "26"; }



}

/* ------ 1920px - 2100px ------ */
@media (max-width: 2100px){
    
    body:before { content: "25"; }



}

/* -- 1785px - 1920px -- */
@media (max-width: 1920px){
    
    body:before { content: "24"; }

    .home-block {
        width: 44%;
    }

}

/* ------ Large Desktop 1785px ------ */
@media screen and (max-width: 1785px){
   
    body:before { content: "23"; }
    


}



/* ------  1695px ------ */
@media screen and (max-width: 1695px){
   
    body:before { content: "22"; }
    
    .home-block {
        width: 52%;
    }

}

/* ------ 1615px & 1650px ------ */
@media screen and (max-width: 1625px){
   
    body:before { content: "21"; }
    


}

/* ------ 20" monitor 1595px & 1615px ------*/
@media screen and (max-width: 1615px) {
   
    body:before { content: "20"; }
    


}

/* ------ 1535px ------*/
@media screen and (max-width: 1535px){
   
    body:before { content: "19"; }


}

/* ------ 1589px & 1500px ------*/
@media screen and (max-width: 1589px) {
   
    body:before { content: "18"; }
    

}

/* ------ 1590px & 1460px ------*/
@media screen and (max-width: 1460px) {
   
    body:before { content: "17"; }
    


}

/* ------ MacBook Pro 13" 1455px ------*/
@media screen and (max-width: 1455px){
   
    body:before { content: "16"; }
    
    .home-block {
        width: 58%;
    }

}

/* ------ Ultrabook & Tablet 1370px ------*/
@media screen and (max-width: 1370px){
   
    body:before { content: "15"; }
    
    .home-block {
        width: 63%;
    }

}

/* ------ 1450px & 1300px ------*/
@media screen and (max-width: 1300px) {
   
    body:before { content: "14"; }
    
    .header .header_logo {
        left: 10px;
    }
    .home-block {
        width: 77%;
    }

}
    
/* ------ 1212px ------*/
@media screen and (max-width: 1212px){
   
    body:before { content: "12"; }
    


}

/* ------ 19" Monitor & 14" Monitor 1024px & 1280px ------*/
@media screen and (max-width: 1280px){
   
    body:before { content: "11"; }
    


}

/* ------ 1190px & 1170px ------*/
@media screen and (max-width: 1190px) {
   
    body:before { content: "10"; }
    
    .header .header_logo {
        left: 81px;
    }
    .home-block {
        width: 100%;
    }

}

/* ------1166px ------*/
@media screen and (max-width: 1166px){
   
    body:before { content: "9"; }
    


}

/* ------ 1165px & 1125px ------*/
@media screen and (max-width: 1125px) {
   
    body:before { content: "8"; }
    
    .header .header_logo {
        left: 95px;
    }
    .home-block {
        margin-left: calc(50% - 634px);
    }

}

/* ------1134px & 950px ------*/
@media screen and (max-width: 950px) {
   
    body:before { content: "7"; }
    


}


/* ------------------ SMALLER SCREENS ------------------*/
/* ------  Max Height 600px ------*/
@media screen and (max-height: 600px) {
    
     body:before { content: "Z"; }
    

}
    
/* ------ 944px & 850px ------*/
@media screen and (max-width: 850px) {
   
    body:before { content: "6"; }

}

/* ------ 850px & 800px ------*/
@media screen and (max-width: 800px) {
   
    body:before { content: "5"; }
    


}
/* ------ iPhone 6 Plus 1024px & 770px------*/
@media screen and (max-width: 770px){
   
    body:before { content: "4"; }
   


}

/* ------ iPhone 6/6s 750px ------*/
@media screen and (max-width: 750px){
   
    body:before { content: "3"; }
    

}

/* ------ Galaxy S 720px ------*/
@media screen and (max-width: 720px){
   
    body:before { content: "2"; }



}

/* ------ iPhone 5/5s & iPhone 4/4s 640px ------*/
@media screen and (max-width: 640px){
   
    body:before { content: "1"; }
    


}

/* ------ 0px - 640px ------ */
@media (max-width: 640px){
    
    body:before { content: "0"; }



}