@media only screen and (min-width: 1024px) {
  article .content-holder {
    margin-bottom: 240px; } }

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .post-nav .post-prev, .post-nav .post-next {
    display: none; }
  .padded {
    margin-top: 2em;
    margin-bottom: 1.4em; }
  .thumb .thumb-inner .thumb-info {
    line-height: 1.1em; }
  .thumb .thumb-inner .thumb-info .client, .client {
    font-size: 0.8em; }
  .thumb .thumb-inner .thumb-info .title {
    font-size: 1.3em; } }

@media only screen and (max-width: 767px) {
  body {
    font-size: 1.8em; }
  h2 {
    font-size: 2.2em; }
  h3, h4 {
    font-size: 1.6em;
    margin-bottom: 0.4em; }
  .more-work h2 {
    font-size: 1.5em;
    line-height: 0.95em; }
  .more-work .client {
    font-size: 0.9em; }
  .more-work .thumb-info {
    padding-top: 4%; }
  .more-work article .thumb-info {
    opacity: 1; }
  .more-work article:last-child {
    display: none !important; }
  header {
    height: 100px; }
  .header-logo {
    width: 75px;
    height: 55px;
    left: 15px;
    top: 20px; }
  .page-title {
    font-size: 1.8em; }
  .padded {
    margin-top: 2.5em;
    margin-bottom: 1.5em; }
  .hamburger {
    display: block; }
  header {
    padding-left: 15px;
    padding-right: 15px; }
  header .menu {
    display: none; }
  .mobile-overlay {
    padding: 30px 15px 0 15px; }
  .padtop {
    margin-top: 8em; }
  .container-fluid {
    padding-left: 0;
    padding-right: 0; }
  .post-nav .post-prev, .post-nav .post-next {
    display: none; }
  .plyr__play-large {
    padding: 20px !important; }
  footer .left, footer .right {
    text-align: center; }
  footer .left {
    margin-bottom: 2em; }
  .home-header .david {
    margin-left: 40px;
    margin-right: 40px; }
  .nopadmob {
    padding-left: 0;
    padding-right: 0; }
  button.button {
    padding: 10px 22px; }
  article .content-holder {
    min-height: 0;
    margin-bottom: 120px; }
  .more-work .client {
    margin-bottom: 0; } }

@media screen and (max-device-width: 767px) and (orientation: landscape) {
  .mobile-overlay nav {
    font-size: 28px !important;
    top: 28%;
    line-height: 16px; }
  .grid .col-sm-6 {
    width: 50%; } }

@media screen and (max-device-width: 767px) and (orientation: portrait) {
  .more-work .thumb .thumb-inner .thumb-info {
    margin-left: 0;
    line-height: 1em; }
  .more-work .thumb .thumb-inner .thumb-info .title {
    font-size: 1em; }
  .more-work .thumb .thumb-inner .thumb-info .client {
    font-size: 0.8em; } }

/* iPhone 4 specific styles (retina display) */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  article .content-holder {
    padding: 30px 10px; } }