.homepage-studio {
  background: #f7f7f7;
}

.homepage-studio .inner-container {
  margin-right: auto;
  margin-left: auto;
  max-width: none;
  width: 100%;
}

.homepage-studio .inner-container:after {
  display: block;
  clear: both;
  content: '';
}

.homepage-studio .studio-tile {
  position: relative;
  float: left;
  width: 100%;
  height: 575px;
  background: url(//okl.scene7.com/is/image/OKL/studio_tile_bg_desktop_new?$hp_generic$&wid=2640);
  background-position: 50% 50%;
  background-size: 2640px;
  background-repeat: no-repeat;
}

.homepage-studio .studio-tile .studio-copy {
  top: 0;
  left: 0;
  margin: auto;
  padding: 9.75em 0 0 0;
  width: 876px;
  color: #323232;
}

.homepage-studio .studio-tile .studio-copy h3 {
  margin-bottom: 9px;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 400;
  font-size: .75em;
  font-family: 'proxima-nova', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 1.5em;
}

.homepage-studio .studio-tile .studio-copy > p {
  font-weight: 600;
  font-size: 3em;
  font-family: 'freight-display-pro', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  line-height: 45px;
}

.homepage-studio .studio-tile .studio-copy .second-line {
  margin-bottom: 10px;
  font-weight: 500;
  font-style: italic;
  font-family: 'freight-text-pro', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
}

.homepage-studio .studio-tile .studio-copy .body {
  margin-bottom: .75em;
  width: 40%;
  color: #737373;
  font-weight: 300;
  font-size: 1.5em;
  font-family: 'freight-display-pro', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
  line-height: 31px;
}

.homepage-studio .studio-tile .studio-copy .call-to-action {
  width: 246px;
  height: 50px;
  background-color: #008046;
}

.homepage-studio .studio-tile .studio-copy .call-to-action .meet-with {
  width: 100%;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  font-size: 13px;
  font-family: 'Proxima Nova Bold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  line-height: 50px;
}

@media (max-width: 63.9375em) and (min-width: 48em) {
  .homepage-studio .inner-container {
    padding-right: 0;
    padding-left: 0;
  }
}

@media (max-width: 63.9375em) {
  .homepage-studio .studio-tile {
    height: 490px;
    background: url(//okl.scene7.com/is/image/OKL/studio_tile_bg_tablet_new?$hp_generic$&wid=2000);
    background-position: 50% 50%;
    background-size: 2000px;
    text-align: center;
  }

  .homepage-studio .studio-tile .studio-copy {
    position: absolute;
    padding: 7.5em 0 0 0;
    width: 100%;
  }

  .homepage-studio .studio-tile .studio-copy h3 {
    margin-bottom: .375em;
  }

  .homepage-studio .studio-tile .studio-copy > p {
    line-height: 49px;
  }

  .homepage-studio .studio-tile .studio-copy .second-line {
    margin-bottom: .1875em;
  }

  .homepage-studio .studio-tile .studio-copy .body {
    display: block;
    margin: auto auto .75em auto;
    width: 353px;
  }

  .homepage-studio .studio-tile .studio-copy > p.body {
    font-size: 1.5em;
    line-height: 1.25em;
  }

  .homepage-studio .studio-tile .studio-copy .call-to-action {
    display: block;
    margin: auto;
  }
}

@media (max-width: 47.9375em) and (min-width: 35.5em) {
  .homepage-studio .inner-container {
    padding-right: 4px;
    padding-left: 4px;
  }
}

@media (max-width: 47.9375em) {
  .homepage-studio .studio-tile {
    height: 490px;
    background: url(//okl.scene7.com/is/image/OKL/studio_tile_bg_tablet_new?$hp_generic$&wid=2000);
    background-position: 50% 50%;
    background-size: 2000px;
    text-align: center;
  }

  .homepage-studio .studio-tile .studio-copy h3 {
    margin-bottom: 4px;
  }

  .homepage-studio .studio-tile .studio-copy > p {
    font-size: 2.25em;
    line-height: 37px;
  }

  .homepage-studio .studio-tile .studio-copy .second-line {
    margin-bottom: 13px;
  }

  .homepage-studio .studio-tile .studio-copy > p.body {
    margin-bottom: 23px;
    max-width: 100%;
  }
}

@media (max-width: 35.4375em) and (min-width: 25.875em) {
  .homepage-studio .inner-container {
    padding-right: 3px;
    padding-left: 3px;
  }
}

@media (max-width: 35.4375em) {
  .homepage-studio .studio-tile {
    height: 414px;
    background: url(//okl.scene7.com/is/image/OKL/studio_tile_bg_mobile_new?$hp_generic$&wid=1428);
    background-position: 50% 0;
    background-size: 1428px;
  }

  .homepage-studio .studio-tile .studio-copy {
    padding-top: 5.5em;
  }

  .homepage-studio .studio-tile .studio-copy .call-to-action {
    width: 225px;
  }
}

@media (max-width: 25.8125em) {
  .homepage-studio .inner-container {
    padding-right: 4px;
    padding-left: 4px;
  }
}