﻿/*
@media screen and (max-width:1100px) {#top-banner{background:yellow;} }
@media screen and (max-width:959px) {#top-banner{background:red;} }
@media screen and (max-width:801px) {#top-banner{background:pink;} }

@media screen and (max-width:601px) {#top-banner{background:blue;} }
@media screen and (max-width:501px) {#top-banner{background:cyan;} }
@media screen and (max-width:401px) {#top-banner{background:green;} }
@media screen and (max-width:300px) {#top-banner{background:orange;} }
*/

@media screen and (max-width:1100px) { /*yellow*/
#Zmain{background:yellow;}
#home-page h1{font-size:1.9rem;top:130px;}
#site-name-home{font-size:18pt;}
}   /* end max-width:1100px */

@media screen and (max-width:959px) {  /* red */
#Zmain{background:red;}
#main{padding-right:0px;width:75%;}
body{width:100%;}
#site-name-home{font-size:15pt;margin-left:180px;top:32px;}
p{margin-right:30px;}
#minitabs li{padding: 0px 15px 0px 0px; font-size: .8rem;}
#minitabs li:last-child{margin-right:0px;}
#sidebar{width:25%;}
#sidebar img{width:40%;}
#sidebar-tag{display:block;}
#sidebar-tag span:nth-child(1){font-size:22px !important; padding-left:0px !important;}
#sidebar-tag span:nth-child(3){font-size:27px !important; padding-left:24px !important;}
#sidebar-tag span:nth-child(5){font-size:22px !important; padding-left:24px !important;}
#sidebar-tag span:nth-child(7){font-size:27px !important; padding-left:66px !important;}
#sidebar-tag span:nth-child(9){font-size:22px !important; padding-left:66px !important;}

#sidebar-about-us{margin-left:-10px;margin-top:200px;}
#sidebar-about-us img{width:70% !important;}
#sidebar-about-us h1{font-size:1.1rem;}
#image-manuel{}
#image-dennis{margin-top:510px !important;}
#image-myk{margin-top:190px !important;}

/*
#button-menu-bar{display:block;float:left;background:#ddd;}
#heading{display:none;text-align:center;}
#menuTop {display:none;}
#mobile-wrapper{display:block;float:left;clear:both;width:100%;}
.mobile-banner-logo-img img{height:53px;float:left;margin-top:3px;margin-left:20px;border:0px solid yellow;}
.site-name-mobile a{float:left;margin-top:18px;margin-left:20px;font-size:1.4rem;color:black;}
#side-responsive-menu {display:none;width:100%;float:left;position:relative;clear:right;} 
#navigation{display:none;}
p{margin-right:30px;}

#minitabs li {padding: 0px 15px 0px 0px; font-size: .8rem;}
#sidebar{width:20%;}
#sidebar img{width:20%;}
#sidebar-tag{display:block;}
#sidebar-tag span{font-size:16px !important; padding-left:0px !important;}
    */
}  /* end max-width:959px */

@media screen and (max-width:801px) {  /* pink --- iPad verticle  ********/
#Zmain{background:pink;}
#main{width:73%;}
#site-name-home{font-size:13pt;margin-left:154px;top:26px;}
h1{font-size:1.2rem;}
p{margin-right:16px;}
#minitabs {margin-left:-28px;}
#minitabs li {padding: 0px 6px 0px 0px; font-size: .75rem;}
#sidebar{width:27%;}
#services-top{font-size:16px !important;}
#sidebar-about-us{margin-left:-10px;margin-top:240px;}
#sidebar-about-us img{width:70% !important;}
#sidebar-about-us h1{font-size:1.1rem;}
#image-manuel{}
#image-dennis{margin-top:705px !important;}
#image-myk{margin-top:290px !important;}
#newsPage li {padding-bottom:10px;padding-right:18px;text-align:justify;}
#newsPage h1 {padding-bottom:10px; }
.newsSpecial-H2{width:95% !important;text-align:center;font-size:1rem;margin-right:0px;margin-left:0px;}
.newsSpecial-P{width:95% !important;text-align:center;font-size:.9rem;}

}  /* end max-width:801px */


@media screen and (max-width:751px) {  /* purple */
#Zmain{background:purple;}
#main{width:73%;}
#site-name-home{font-size:.95rem;margin-left:135px;top:22px;}
#minitabs{margin-left:-40px;}
#minitabs li {padding: 0px 3px 0px 0px; font-size: .67rem;}
#sidebar img{width:18%;}
#sidebar-tag{}
#sidebar-tag span{font-size:14px !important; padding-left:0px !important;}
}  /* end max-width:751px */


@media screen and (max-width:700px) { /* blue */
#Zmain{background:blue;}
#main{width:100%;}
.force-break-news{display:block;}
#sidebar{display:none;}
#button-menu-bar{display:block;float:left;background:white;}
#Zheading{display:none;text-align:center;}
.site-name-mobile a{float:left;margin-top:18px;margin-left:20px;color:black;}
.site-name-mobile a{font-size:1.2rem !important;}
#menuTop {display:none;}
#mobile-wrapper{display:block;float:left;clear:both;width:100%;}
.mobile-banner-logo-img img{height:53px;float:left;margin-top:3px;margin-left:20px;border:0px solid yellow;}
#side-responsive-menu {display:none;width:100%;float:left;position:relative;clear:right;} 
#navigation{display:none;}
h1,h2{font-size:1.4rem;}
.about-us-photo{display:block;float:left;width:25%;margin:0px;margin-top:5px;margin-right:10px;}
.about-us-name{font-size:1rem;line-height:1.2;}
p {font-size:.8rem;margin-top:5px;margin-bottom:5px;margin-left:40px;margin-right:60px;line-height:1.4;}
blockquote{padding:0px;margin:0px;}
#newsArchiveDiv{display:block;width:52%;}
#services-top {font-size:.8rem !important;width:100%;padding:0px !important;font-weight:bold;}
#services-top1 {margin-left:10px !important;}
#services-top2 {margin-left:44px !important;}
#services-top3 {margin-left:70px !important;}

#footer h2{font-size:1rem;margin-top:25px !important;margin-bottom:-15px !important;padding-bottom:0px;}
#footer2,#footer2 a{font-size:.7rem;}

}  /* end max-width:601px */

@media screen and (max-width:601px) {
#Zmain{background:cyan;}
#site-name-home{font-size:.75rem;margin-left:110px;top:16px;}
#navicon-wrapper{height:54px;}
#button-menu-bar div img{height:50px;margin-bottom:3px;}
.site-name-mobile a{margin-top:16px;margin-left:14px;font-size:1rem !important;}
h1,h2{font-size:.9rem;}
p {font-size:.8rem !important;margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:10px;line-height:1.6;}
ul li {font-size:.8rem !important;}
#footer h2{font-size:.8rem;margin-top:25px !important;margin-bottom:-15px !important;padding-bottom:0px;}
#footer2,#footer2 a{font-size:.55rem;}
#services-top{font-size:1rem !important;}
#services-top1 {margin-left:10px !important;}
#services-top2 {margin-left:30px !important;}
#services-top3 {margin-left:60px !important;}
.newsSpecial-H2{font-size:.85rem;width:100% !important;}
.newsSpecial-P{;font-size:.8rem;}

}  /* end max-width:601px */

@media screen and (max-width:501px) {
#Zmain{background:lime;}
#site-name-home{font-size:.7rem;margin-left:90px;top:14px;}
}  /* end max-width:601px */


@media screen and (max-width:401px) {
#Zmain{background:green;}
#site-name-home{font-size:.8rem;margin-left:80px;top:8px;}
#side-responsive-menu{border-bottom:1px solid #222; line-height:1.1;}
#side-responsive-menu div div {padding:8px;}
#side-responsive-menu div div a {font-size:.7rem !important;}
#Znavicon-wrapper{margin-top:-6px;}
#navicon-wrapper{width:15%;}
#Znavicon{height:2px !important;}
#button-menu-bar div img{height:40px;margin-bottom:3px;margin-left:8px;}
.site-name-mobile a{margin-top:6px;margin-left:7px;font-size:.9rem !important;margin-top:10px;}
h1,h2{font-size:.9rem;}
p {font-size:.8rem;margin-top:3px;margin-bottom:5px;margin-left:3px;margin-right:10px;line-height:1.6}
li,li a,a{font-size:.8rem !important;}
.field-label{display:none;}
.field-label-break{display:block;}

#footer{padding-top:0px;margin-bottom:0px !important;}
#footer h2,#footer p{font-size:.6rem;padding-top:0px;padding-bottom:0px;margin-top:5px !important;margin-bottom:0px !important;}
#footer p{font-size:.6rem;;margin-top:-15px !important;}
#footer2, #footer2 a{width:100%;float:left;font-size:.6rem !important;margin-top:0px !important;padding-top:5px;}
.force-break{display:block;}

.about-us-name{font-size:.8rem;}
#services-top{font-size:.8rem !important;margin-bottom:20px !important;}
#services-top div{margin-bottom:10px !important;}
#services-top1{margin-left:2px !important;}
#services-top2{margin-left:10px !important;}
#services-top3{margin-left:20px !important;margin-bottom:12px !important;}
#newsArchiveDiv{display:block;width:75%;}

.newsSpecial-H2{font-size:.8rem;}
.newsSpecial-P{font-size:.8rem;}

}  /* end max-width:401px */

@media screen and (max-width:300px) {
#Zmain{background:orange;}
#site-name-home{font-size:.6rem;margin-left:55px;top:5px;}
.site-name-mobile a{margin-top:8px;margin-left:5px;font-size:0.8rem !important;}
#services-top{font-size:9px !important;}

}  /* end max-width:301px */