@media only screen and (max-width: 1024px){
  html {font-size: 12px}
}

@media only screen and (max-width: 720px){
  
}

@media only screen and (max-width: 670px){
  .sheds-banner-inner {height: auto; overflow: hidden}
  .sheds-banner-inner .shed {display: none}
  .sheds-banner-inner .icons {position: relative}
    .sheds-banner-inner .icons img {margin-bottom: 20px}
}

@media only screen and (max-width: 570px){
  .sections > .section {float: none; margin: 0 0 20px 0 !important; width: 100%}
  .sections-wrapper {padding: 20px 10px}
  
  .sections.preserve-width-1-3 > .section {width: 30.6%; margin-right: 4%; float: left}
    .sections.preserve-width-1-3 > .section-last {margin-right: 0}
}