#header-wrapper {padding: 40px 0}
  #header-wrapper-inner {overflow: hidden}
  #header {float: left; max-width: 100%}
  #navigation {float: right}

.logo {}
  .logo a {display: block}
    .logo a img {display: block; max-width: 100%; height: auto}

#navigation {}
  #navigation ul {overflow: hidden; margin: 0; padding: 0; margin-top: 20px}
    #navigation ul li {float: left; margin: 0; padding: 0}
      #navigation ul li a {display: block; padding: 10px 15px; position: relative; font-weight: bold}
      #navigation ul li.current-menu-item a:after {display: block; position: absolute; bottom: 0; height: 4px; left: 0; width: 100%; background-color: #EEA616; content: ''}

.sections-wrapper {padding: 50px}

ul.tick-list {margin-left: 0}
  ul.tick-list li {background: transparent url(../images/icon-tick.png) 0 2px no-repeat; list-style: none; padding-left: 30px}

dl {overflow: hidden}
  dt {float: left; width: 17%; margin: 0 4% 10px 0; clear: both}
    dt img {display: block; max-width: 100%; height: auto}
  dd {float: left; margin: 0 0 20px 0; width: 78%}

dl.image-info dt {margin-bottom: 30px}
dl.image-info dd {padding-top: 15px; margin-bottom: 30px}

.sheds-banner {padding: 40px; background: transparent url(../images/background.jpg) 0 0 no-repeat; background-size: cover}
  .sheds-banner-inner {max-width: 750px; margin: 0 auto; position: relative; height: 400px}
    .sheds-banner .shed {display: block; width: 300px; position: absolute; top: 0; transition: transform 0.5s}
    .sheds-banner .shed:hover {transform: scale(1.2)}
      .sheds-banner .shed img {display: block; max-width: 100%; height: auto}
    
    .sheds-banner .shed-left {left: 0}
    .sheds-banner .shed-right {right: 0; top: 40px}
    .sheds-banner .shed-center {left: 50%; margin-left: -150px}
    
    .icons {position: absolute; text-align: center; bottom: 0; left: 0; width: 100%}
      .icons img {display: inline-block; margin-right: 20px}
      .icons img:last-child {margin-right: 0}

.products-wrapper {}
  .products-wrapper h2 {border-bottom: 3px solid #F7A400; margin-bottom: 30px}
  .products-wrapper h2:before {display: none}
  .products-wrapper .size-wrapper {}
    .products-wrapper .size-wrapper h3 {border-bottom: 1px solid #24833b; margin-left: 30px; margin-bottom: 30px}
    .products-wrapper .size-wrapper h3:before {display: none}
      .products-wrapper .size-wrapper h3 span {color: #EEA616}
    .products-wrapper .size-wrapper ul {}
      .products-wrapper .size-wrapper ul li {}
    .products-wrapper .size-wrapper .sub-products {}
      .products-wrapper .size-wrapper .sub-products .section {}
        .products-wrapper .size-wrapper .sub-products .section img {}
        .products-wrapper .size-wrapper .sub-products .section .shed-info {padding: 10px; font-weight: bold}
        

#footer {background: transparent url(../images/background.jpg) 0 0 no-repeat; background-size: cover; padding: 80px 0}
  #footer * {color: #fff}
  #footer .sections,
  #footer .section {margin-bottom: 0}

  #footer ul li {font-weight: bold; margin-bottom: 10px}
    #footer ul li:last-child {margin-bottom: 0}
  
  #footer .sections-footer-icons .section {margin-bottom: 10px}
  
  #footer .image {overflow: hidden}
    #footer .image img {margin-bottom: 20px}

.small {font-size: 0.8rem}