website/styl/lib/_mobile.styl

@media only screen and (max-width: $mobile-max-width) {
  #homeImage{
    float: none;
  }
  #content{
    padding-left: 10px;
    padding-right: 10px;
  }
  #blog{
    flex-direction: column;
  }
  article {
    margin-bottom: 10px;
    margin-right: 0;
  }
  #banner {
    a {
      display: block;
    }
    img {
      max-width: none;
      width: 100%;
    }
  }

  #newestPost{
    display: none;
  }

  article{
    width: 100%;
  }
  .h-captcha{
    width: 100%;
    iframe {
      max-width: 100%;
    }
  }

  .header-homepage{
    padding-top: 50px;
    padding-bottom: 100px;

    h1 {
      font-size: 2.2em;
    }
  }

  #footerContent{
    width: 100% !important;
    display: block !important;

    div {
      border-bottom: #3d3d3d 1px solid;
      border-right: none !important;

      &:last-child {
        border-bottom: none;
      }
    }
  }
}