﻿
/* 
@media screen and (max-width:1100px) {#main{background:yellow;} }
@media screen and (max-width:1000px) {#main{background:red;} }
@media screen and (max-width:801px) {#main{background:pink;} }
@media screen and (max-width:751px) {#main{background:purple;} }
@media screen and (max-width:701px) {#main{background:blue;} }

@media screen and (max-width:601px) {#main{background:cyan;} }
@media screen and (max-width:501px) {#main{background:lime;} }
@media screen and (max-width:401px) {#main{background:green;} }
@media screen and (max-width:300px) {#main{background:orange;} }
 */
#top-header-image{visibility:visible;}
#top-header-image-mobile{visibility:hidden;}
#top-header-image-mobile{display:none;}


@media screen and (max-width:1100px) { /*yellow*/
#Zmain{background:yellow;}
    #top-header{display:none;}
    #top-header-img-ver{display:block;}
    #top-header-img-ver img{width:100%;}
    #top-header-image{width:100%;}
    #top-header{width:100%;height:200px;}
    #top-header h1{font-size:.9em;}
    #top-header p{font-size:.8em;}
    #top-header-col1,#top-header-col3{background-size:auto 200px;}
    h1{font-size:25px;}
    h2,h3{font-size:23px;}
    p {padding:0px;margin-top:5px;margin-bottom:5px;margin-left:1px;margin-right:10px;}
    p,ul li{font-size:20px;line-height:1.5;}

}   
/* end max-width:1100px */


@media screen and (max-width:1000px) {  /* red */
#Zmain{background:red;}
    #main{padding-right:0px;width:100%;}
    #top-header{width:100%;height:160px;}
    #top-header h1{font-size:15px;white-space:nowrap;text-overflow:clip;overflow:hidden;}
    #top-header p{font-size:15px;}
    #top-header-col1,#top-header-col3{background-size:auto 160px;}

}  /* end max-width:959px */

@media screen and (max-width:801px) {  /* pink --- iPad verticle  ********/
#Zmain{background:pink;}
    h1{font-size:22px;}
    h2,h3{font-size:20px;}
    p {padding:0px;margin-top:5px;margin-bottom:5px;margin-left:1px;margin-right:10px;}
    p,ul li{font-size:18px;line-height:1.5;}
    .two-column ul li{font-size:18px;line-height:1.5;}
    #top-header h1{font-size:.1em;}
    #top-header p{font-size:1em;}
    #top-header-col1,#top-header-col3{background-size:auto 130px;}
    #google-map{width:90% !important;height:350px !important;margin-left:10px;}

}  /* end max-width:801px */

@media screen and (max-width:751px) {  /* purple */
Zmain{background:purple;}
}  /* end max-width:751px */

@media screen and (max-width:700px) { /* blue */
#Zmain{background:blue;}
#main,#content{width:100%;}
.entry{width:100%;padding:0px;margin:0px;}
#main,#content,.entry{padding-left:0px;padding-right:0px;}
h2,h3{font-size:14px;margin-left:10px;margin-right:10px;max-width:95%;}
p {padding:0px;margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;}
ul li,p{font-size:10px;line-height:1.4;max-width:95%;}
.two-column ul li{font-size:16px;line-height:1.4;}
.ptwo-col-ul{display:block;clear:both;}
.two-col-ul li{-webkit-text-size-adjust:160%;-moz-text-size-adjust:160%;-ms-text-size-adjust:160%;}

}  /* end max-width:601px */

@media screen and (max-width:601px) {
#top-header-image{visibility:hidden;display:none;}
#top-header-image-mobile{visibility:visible;display:block;}
#Zmain{background:cyan;}
h1{font-size:21px;}
h2,h3{font-size:19px;}
p{margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;}
p,ul li{font-size:17px;line-height:1.4;}
.two-column ul li{font-size:17px;line-height:1.4;}
.two-col-ul li{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;}

#google-map{width:90% !important;height:300px !important;}
}  /* end max-width:601px */

@media screen and (max-width:501px) {
#Zmain{background:lime;}
p,h1,h2,h3 {margin-left:20px;margin-right:10px;max-width:90%}
#google-map{display:block;width:90% !important;height:250px !important;margin-left:15px;}
h1{font-size:20px;}
h2,h3{font-size:18px;}
p,ul li{font-size:16px;line-height:1.4;}
.two-column ul li{font-size:17px;line-height:1.4;}
.two-col-ul{display:block;}
.two-col-ul li{margin-left:10px;margin-right:60px;}
}  /* end max-width:601px */

@media screen and (max-width:401px) {
#Zmain{background:green;}
h1{font-size:17px;margin-left:8px;margin-right:5px;max-width:95%;}
h2,h3{font-size:15px;margin-left:8px;margin-right:5px;max-width:95%;}
p {margin-top:3px;margin-bottom:5px;margin-left:8px;margin-right:5px;max-width:95%;}
.two-column ul li{font-size:14px;line-height:1.5;}
p,ul li{font-size:14px;line-height:1.5;}
#google-map{display:block;width:290px !important;height:210px !important;}

 /*
    p{font-size:12px !important;}
h1,h2{font-size:14px !important;}

#icontent{padding-left:5px;padding-right:5px;}
#main,#content,.entry{padding-left:0px;padding-right:0px;}
p,h1,h2{padding-left:3px;padding-right:3px;}

*/


}  /* end max-width:401px */

@media screen and (max-width:300px) {
#Zmain{background:orange;}
#google-map{display:block;width:200px !important;height:120px !important;}

}  /* end max-width:301px */
