*{padding:0;margin:0;}
a{text-decoration:none;color:#000;!important}
body{background:#F0F3F5;width:100%;height:100%}
footer{background:#000;width:100%;color:white;text-align: center}
#footercontent{display:flex;align-items: center;justify-content: center;}

#headercontent{width:100%;max-width:1320px;margin:0 auto}
#logo{display: flex;align-items: baseline;height:50px;padding-left:15px}

.btn-menu{font-size:24px!important} 
.btn-group{margin-top:10px}
#btn-check{display:none}
.menuitem a{color: #666;font-size: 14px;font-weight: 700;letter-spacing: .5px;text-decoration: none;}

/* mobile */
@media (max-width: 1366px) {
#topbar{display:none;}
header{width:100%;height:70px;background:#F7F7F9;box-shadow:0 5px 5px rgba(0,0,0,.2);position:fixed;top:0}
.bi-phone, .bi-envelope-at{font-size:24px!important}
nav{display:none;}
.menuitem{height:50px;width:300px;display: flex;align-items: center;background: #F7F7F9}
.menuitem a{display: block;margin: 0 auto; font-weight:700 ;}
.btn-menu{border:0}
.btn-check:checked ~ .btn-menu{border:0}
.btn-check:checked ~ nav{display:block;}
.btn-check:checked ~ nav{position:fixed;top:70px;right:0;min-height: 100%;height: 100%;overflow:hidden;width:300px;display:flex;background: #F7F7F9;box-shadow: -5px 6px 5px rgba(0,0,0,.2)}
.btn-check:checked ~ nav #menu {display:flex;flex-direction: column;}  


}
/* cellphone */
@media ((min-width: 320px) and (max-width: 430px) and (orientation : portrait)) or ((min-width: 568px) and (max-width: 932px) and (orientation : landscape)) {
body{background-image: url("../img/col.center.xs.gif");background-repeat:repeat-y;background-position:left top;}
#topcol{margin-top:70px;height:40px;background-image: url("../img/col.top.xs.gif");background-repeat:no-repeat;background-position:left;}
#pagecontent{padding-left:20px;}
footer{height:60px;background-image: url("../img/col.bottom.xs.gif");background-repeat:no-repeat;background-position:left;}
#footercontent{height:60px;}
}
/* tablet */
@media ((min-width: 600px) and (max-width: 1024px) and (orientation : portrait)) or ((min-width: 1024px) and (max-width: 1366px) and (orientation : landscape)) {
#phone, nav{display:none;}
body{background-image: url("../img/midcol.gif");background-repeat:repeat-y;background-position:left top;}
#topcol{margin-top:70px;height:29px;background-image: url("../img/topcol.gif");background-repeat:no-repeat;background-position:left;}
#pagecontent{padding-left:20px;}
footer{height:31px;background-image: url("../img/bottomcol.gif");background-repeat:no-repeat;background-position:left;}
#footercontent{height:31px;}
}

/* tablet portrait  */
@media ((min-width: 600px) and (max-width: 1024px) and (orientation : portrait)) {
#pagecontent{min-height:1060px;}
}
/* #pagecontent{min-height:1060px;} */

/* computer */
@media (min-width: 1367px) {
.btn-menu, #mobbtn, #phone, #emailcontact, .nogut, .colcenter{display:none!important;}
header{width:100%;height:70px;background:#F7F7F9;box-shadow:0 5px 5px rgba(0,0,0,.2);position:fixed;top:30px}
#logo{height:50px;padding-left:5px;position:fixed;left:0}
#menu {display:flex;flex-direction: row;}
#topbar{display:block;height:30px;width:100%;background:#F7F7F9;position:fixed;top:0}
#topbarcontent{width:100%;max-width:1320px;margin:0 auto;text-align:right;}

body{background-image: url("../img/midcol.gif");background-repeat:repeat-y;background-position:left top;}
#topcol{margin-top:100px;height:29px;background-image: url("../img/topcol.gif");background-repeat:no-repeat;background-position:left;}
footer{height:31px;background-image: url("../img/bottomcol.gif");background-repeat:no-repeat;background-position:left;}
#footercontent{height:31px;}

}

/* 1k */
@media (min-width: 1919px) {
#pagecontent{min-height:739px;} 

@-moz-document url-prefix() { 
#pagecontent{min-height:720px;}
}
}

/* 2k */
@media (min-width: 2560px) {
#pagecontent{min-height:1099px;} 

@-moz-document url-prefix() { 
#pagecontent{min-height:1080px;}
}
}



.btn-menu, #mobbtn, #phone, #emailcontact, .nogut, .colcenter{display:none!important;}
header{width:100%;height:70px;background:#F7F7F9;box-shadow:0 5px 5px rgba(0,0,0,.2);position:fixed;top:30px}
#menu {display:flex;flex-direction: row;}
#topbar{display:block;height:30px;width:100%;background:#F7F7F9;position:fixed;top:0}
#topbarcontent{width:100%;max-width:1320px;margin:0 auto;text-align:right;}

body{background-image: url("../img/midcol.gif");background-repeat:repeat-y;background-position:left top;}
#topcol{margin-top:100px;height:29px;background-image: url("../img/topcol.gif");background-repeat:no-repeat;background-position:left;}
footer{height:31px;background-image: url("../img/bottomcol.gif");background-repeat:no-repeat;background-position:left;}
#footercontent{height:31px;}

}