.responsive body
{
   min-width: 240px;
}

@media all and (max-width: 1200px) {
    .whatWeDo {
        margin-top: 20px;
    }
}

@media all and (max-width: 1000px) {
  .mainWrapper {
    width: 90%;
  }
}

@media all and (max-width: 799px)
{
  #resp, #resp-t { display: block; }
  #resp-m { display: none; }
  .homepage img {
    max-width: 90%;
  }
  p {
    font-size: 17px;
  }
}

@media all and (max-width: 680px) {
  .jobDetail h1 {
    font-size: 42px;
    line-height: 45px;
  }
  .jobDetail .row h2 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .jobDetail .mainRow .cta a {
    font-size: 25px;
  }
  h2 {
    font-size: 20px;
  }
}

@media all and (max-width: 540px) {
    html, body {
/*        overflow: scroll;*/
    }
    .whatWeDo {
        width: 90%;
    }
    .whatWeDo li {
        width: 100%;
        border-left: 0;
    }
    .whatWeDo li:nth-child(2) {
        border-top: solid 1px #ddd;
    }
}

@media all and (max-width: 480px)
{
    #resp, #resp-m { display: block; }
    #resp-t { display: none; }
}