/*
 * Shell Energy Transitions Challenge
 * Author: Neat projects <pim@iconize.nl>
 *
 * Responsive CSS styles
 *
 * Shell color palette:
 * Yellow 100%: #FBCE07;
 * Red 100%: 	#DD1D21;
 * Dark blue: 	#003C88;
 * Dark green: 	#008443;
 * Light green: #BED50F;
 * Oragne: 		#EB8705;
 * Brown: 		#743410;
 * Text grey:	#404040;
 * Greys drk-li:#595959, #7F7F7F, #A6A6A6, #D9D9D9, #F7F7F7
 */


@media screen and (min-width: 1300px) and (min-height: 1000px) {
    body {
        zoom: 1.2;
    }
}
@media screen and (min-width: 1800px) and (min-height: 1300px) {
    body {
        zoom: 1.5;
    }
}
@media screen and (min-width: 2000px) and (min-height: 1500px) {
    body {
        zoom: 1.8;
    }
}
@media screen and (max-width: 1000px), screen and (max-height: 800px) {
    body {
        zoom: 0.9;
    }
}
@media screen and (max-width: 900px), screen and (max-height: 680px) {
    body {
        zoom: 0.8;
    }
}
@media screen and (max-width: 800px), screen and (max-height: 580px) {
    body {
        zoom: 0.65;
        -webkit-text-size-adjust: 80%;
        -ms-text-size-adjust: 80%;
        -moz-text-size-adjust: 80%;
    }
}
@media screen and (max-width: 700px), screen and (max-height: 500px) {
    body {
        zoom: 0.5;
        -webkit-text-size-adjust: 70%;
        -ms-text-size-adjust: 70%;
        -moz-text-size-adjust: 70%;
    }
}
@media screen and (max-width: 500px), screen and (max-height: 370px) {
    body {
        zoom: 0.3;
        -webkit-text-size-adjust: 50%;
        -ms-text-size-adjust: 50%;
        -moz-text-size-adjust: 50%;
    }
}