* {
  box-sizing: border-box;
}
#body { padding: 0px 0px 0px 0px; }
#header { width: 75%; margin: 1% 16.66% 1% 8.33%;
  float: left;
  /*background-color: #000080;*/}
#headertop, #headernav { width: 98%;
  margin: 1% 0 1% 0; padding: 0 0 0 0; float: left; }
#headerleft { margin: 0.5%; width: 24.66%; padding: 0.5%; /*background-color: #000080;*/ }
#headermiddle { margin: 0; width: 70.34%; ifloat: left; /*background-color: #000080;*/ }
#headerright { width: 1%; float: right; /*background-color: #800080;*/}
#headernavrow { width: 99%; padding: 0.5% 0 0 0; float: left; }/*@+2017-03-15 05:58:10-*/
#headernavmenu { height: 99.5%; margin: 0 0.5% 0.5% 0; padding: 5px; float: left; }/*@+2017-03-15 06:04:10-*/
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
#contentheader { width: 99%; float: left; margin: 0 0.5% 1% 0.5%; } /*@+2017-03-15 17:29:42-*/
#contentsite { width: 100%; float: left;
  margin: 0 0 1% 0; padding: 1% 1% 1% 1%; } /*@+2017-03-15 17:29:42-*/
#contenttitle { width: 100%; float: left; /*margin: 0 0.5% 0 0.5%;*/ padding: 1% 1% 1% 1%; } /*@+2017-03-15 17:29:42-*/
#container { width: 75%; margin-left: 8.33%; margin-right: 16.66% }
#content { width: 74.83%; float: left; margin: 0 0 0 0;
  padding: 0 0 0 0;}
#contentitem { width: 99%; margin: 1% 0.5% 0 0.5%; } /*@+2017-03-15 16:57:23-*/
#contentright { width: 24.17%; height: 99%;
  margin: 0 0.5% 1% 0.5%; padding: 1%;
  float: right; overflow: hidden; }
#contentdesc {width: 99%; margin: 0 0.5% 0 0.5%; padding: 1% 0.5% 1% 0.5%; }
#contentlist {width: 99%; margin: 0.5% 0.5% 0.5% 0.5%; padding: 0 0.5% 10px 0.5%; }
#footer {width: 75%; height: 3.0em; margin: 1% 16.66% 1% 8.33%;
  float: left;}
#footerleft { width: 39%; margin: 0.5% 0.5% 0.5% 0.5%;
  float: left; }
#footerright { width: 59%; margin: 0.5% 0.5% 0.5% 0.5%;
  float: right; }

#contact { width: 99%; margin: 0.5% 0.5% 0.5% 0.5%; float: left; }
#contactlogo { width: 100%; padding: 0.5%; float: left; }
#contactdesc { width: 100%; padding: 0.5%; float: left; }
#contactaddress { width: 100%; padding: 0.5%; float: left; }
#contactdata { width: 100%; float: left; }
#contactimage { width: 20%; padding: 0.5%; float: left; }
#contactphone { width: 80%; padding: 0.5%; float: right; }

[id*="content"] {
/*  padding: 5px;*/
}
[class*="col-"] {
    float: left;
    padding: 15px;
    border: 1px solid red;
}


@media screen and (max-width: 738px) {
/*#body { width: 100%; margin-left: 0px; padding-left: 0px; }*/
#header { width: 100%; margin: 0 0 0 0; }
#headernavrow { margin: 0 0 0 0.5%; } /*@+2017-03-15 05:58:10-*/
#headernavmenu { width: 49.5%; height: 100%; } /*@+2017-03-15 06:04:10-*/
#container { float: left; width: 100%; margin: 0; padding: 0; }
#content {float:left; width: 100%; margin: 0; padding: 0; }
#contentcaption {width: 96%; margin: 0 2% 0 2%; /*padding: 0 1% 0 1%;*/ }
/*#contentitem {width: 96%; margin: 0 2% 0 2%; }*/
#contentright {width: 98%; float: left; margin: 0 1% 0 1%; padding: 0 1% 0 1%; }
#footer {width: 100%; height: 3.0em; margin: 0 0 0 0; }
#footerleft { width: 99%; margin: 0.5% 0.5% 0.5% 0.5%;
  float: left; }
#footerright { width: 99%; margin: 0.5% 0.5% 0.5% 0.5%;
  float: left; }
}

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation: landscape) {
#headernavrow { margin: 0 0 0 0.5%; } /*@+2017-03-15 05:58:10-*/
#headernavmenu { width: 24.5%; height: 100%; } /*@+2017-03-15 06:04:10-*/
/*#container { width:100%; }
#content { width: 66.66%; float: left; margin-left: 8.33%;
  background-color: #FF0000; }
#contentcaption {width: 66.66%;}
#contentright { float: right; width: 16.66%; height: 100%; margin-right: 8.33%; }*/
}

@media screen and (min-width: 1280px) {
#headernavrow { margin: 0 0 0 0.5%; } /*@+2017-03-15 05:58:10-*/
#headernavmenu { width: 24.5%; } /*@+2017-03-15 06:04:10-*/
#contentcontainer { width: 99%; margin: 0 0.5% 0 0.5%;
  padding: 0 0.5% 0 0.5%; }
#contentcaption {
  width: 99%;
  margin: 1% 0.5% 0 0.5%;
  padding: 0 0.5% 0 0.5%; }
/*#contentdesc { width: 66.66%; }
#contentlist { width: 66.66%; }*/
ul, li {  margin-left: 10px; margin-right: 10px;
  padding-left: 5px; padding-right: 5px; }

}

@media screen and (min-width: 1440px) {
#container { width:100%; }
#content { width: 66.66%; float: left; margin-left: 8.33%;
  /*background-color: #FF0000;*/ }
#contentcaption {width: 66.66%;}
#contentright { float: right; width: 16.66%; height: 100%; margin-right: 8.33%; }
}