@media screen and (max-width: 975px) {
 body {
  font-size: 15px;
 }
 .l-footerwrapper {
  font-size: 12px;
 }
 .breadcrumbs {
  font-size: 12px;
 }
 h3, h4, h5 {
  font-size: 15px;
 }
  
 .headerimg {
  margin: 5px 15px 0 0;
 }
 
 .l-pagenav {
  display: none;
 }

 ul {
  margin: 0 0 12px;
 }
 li {
  margin: 0 0 5px 0;
 }
 p {
  margin: 0 0 15px;
 }
 tbody th, tbody td {
  padding: 4px 5px;
 }
 
 .sitemap, .sitemap ul {
  margin-top: 5px;
 }

 .frontpage-box {
  background: #EEEEEE;
  clear: both;
  float: none;
  margin: 20px 0 0;
  min-height: 100px;
  width: auto;
 }
 .frontpage-box .boxheader-img {
  display: none;
 } 

 .l-sitemap {
  float: none;
  margin-right: 0;
  width: 100%;
 }
 .l-about {
  clear: both;
  float: none;
  padding-top: 10px;
  width: 100%;
  max-width: 500px;
 }

 .l-headercontent, .l-footercontent, .l-maincontent {
  padding: 0 10px;
  max-width: 550px;
 }

 .l-main {
  float: none;
  width: 100%;
  max-width: 500px;
 }
 .l-main.s-full {
  width: 100%;
  max-width: 550px;
 }
 .l-main.s-no-sidebar {
  width: 100%;
  max-width: 550px;
 }
 .l-main.s-no-pagenav {
  width: 100%;
  max-width: 500px;
 }
 .l-main.s-narrow {
  width: 100%;
  max-width: 500px;
 }
 
 .l-sidebar, .l-sidebar.s-no-pagenav {
   clear: both;
   float: none;
   font-size: 13px;
   margin: 30px 0;
   max-width: 470px;
   padding: 12px 15px 20px;
   width: auto;
  }
 
 .s-nomob {
  display: none;
 }

 .l-headerwrapper {
  height: 83px;
 }
 .logoimg {
  float: none;
 }
 .sf-menu {
  float: none;
  margin: 0;
 }
 .sf-menu a, .sf-menu a:visited {
  font-size: 13px;
  padding: 0.75em 0.8em;
 }

 .sf-menu li ul {
  display: none;
 }

 .breadcrumbs {
  line-height: 200%;
 }

 .column-two {
  float: none;
  width: 100%;
  margin-right: 0;
 }

 .s-onlymob {
  display: inherit;
 }

 .header-tabs {
  min-height: 37px;
 }

}


@media screen and (max-width: 600px) {
 .sitemap li {
  float: none;
  width: auto;
 }
 
 .frontpage-box-text {
  margin-left: 25px;
  margin-left: 4%;
 }
 
 .barchart {
   width: 100%;
 }

 .l-footerwrapper {
   font-size: 15px;
 }
 .boxheader-2 {
   font-size: 20px;
 }

 .result thead th {
  font-size: 13px;
 } 
 
}


@media screen and (max-width: 479px) {
 .headerimg {
  display: none;
 }
}