.black {
  color: #231f20; }

.white {
  color: #ffffff; }

.grey {
  color: #bcbdc0; }

.magenta {
  color: #ec008c; }

@keyframes ripple {
  0% {
    width: 0%;
    height: 0%;
    opacity: 0; }
  100% {
    width: 100%;
    height: 100%;
    opacity: 1; } }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1em;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

code {
  display: inline; }

pre {
  display: block; }

body {
  background-color: #ffffff;
  color: #231f20;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-weight: 300;
  position: relative;
  min-width: 320px;
  letter-spacing: 0.1em; }

header {
  position: relative; }

footer {
  position: relative;
  margin: 0 auto; }

section {
  position: relative;
  display: block;
  margin: 0 auto; }
  section article {
    display: block;
    margin: 0 auto;
    position: relative; }

h1, h2, h3, h4, h5, h6 {
  color: #231f20;
  font-weight: normal;
  margin: 2rem auto;
  font-weight: 500;
  text-transform: uppercase;
  font-family: "Maven Pro", sans-serif;
  letter-spacing: 0.25em; }

h1 {
  font-size: 2.5rem; }

h2 {
  font-size: 2rem; }

h3 {
  font-size: 1.5rem; }

h4 {
  font-size: 1.25rem; }

h5 {
  font-size: 1.125rem; }

h6 {
  font-size: 1.1rem; }

p {
  font-size: 1.2rem;
  padding: 0.5rem 0;
  line-height: 1.5;
  letter-spacing: 0.1em; }

hr {
  background-color: #231f20;
  display: block;
  margin: 4rem auto;
  padding: 0;
  height: 1px;
  border: none; }

blockquote {
  display: block;
  line-height: 1.75;
  font-size: 1.125rem;
  margin: 1rem auto;
  padding: 1rem; }

code, mark {
  padding: 0.25rem 0.5rem; }

pre {
  padding: 1rem; }
  pre code {
    padding: 0; }

em {
  font-style: italic; }

a {
  text-decoration: none;
  color: #ec008c;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease; }

a:hover, a:focus {
  text-decoration: none;
  color: #231f20; }

a.button, .button, input[type="submit"] {
  display: inline-block;
  background-color: #ec008c;
  color: #ffffff;
  padding: 0.75rem;
  margin: 0 auto 0.25rem auto;
  font-weight: 700;
  text-align: center;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  -webkit-appearance: none;
  -moz-appearance: none; }

a.button:hover, .button:hover, input[type="submit"]:hover, a.button:focus, .button:focus, input[type="submit"]:focus {
  background-color: #231f20;
  cursor: pointer; }

img {
  width: 100%;
  height: auto; }

ul, ol {
  font-size: 1.125rem;
  margin: 0 2rem; }
  ul ul, ul ol, ol ul, ol ol {
    margin-left: 2.5rem; }
  ul li, ol li {
    padding: 0.5rem; }

ul {
  list-style: disc; }

ol {
  list-style: ideograph-numeric; }

table {
  margin: 1rem 0;
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px; }
  table tbody {
    display: table-row-group;
    vertical-align: middle; }
    table tbody tr {
      display: table-row; }
      table tbody tr th {
        display: table-cell;
        padding: 0.5rem;
        font-weight: 700;
        text-align: left; }
      table tbody tr td {
        display: table-cell;
        padding: 0.5rem; }

form {
  display: block;
  position: relative;
  overflow: auto;
  padding: .125rem;
  font-size: 1.2rem; }
  form fieldset {
    display: block;
    border: 0;
    overflow: auto; }
  form input, form output, form textarea, form select {
    display: block;
    margin: 0.25rem auto;
    padding: 1rem;
    border: 0;
    width: 100%; }
  form label {
    display: none; }
  form input[type="text"], form input[type="email"], form textarea {
    background-color: #f4f4f4;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }
  form input[type="text"]:hover, form input[type="text"]:focus, form input[type="email"]:hover, form input[type="email"]:focus, form textarea:hover, form textarea:focus {
    outline: none;
    box-shadow: inset 0 0 0 1px #ec008c; }
  form input[type="submit"], form button {
    font-size: 1.25rem;
    margin-top: 1rem;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.solid {
  font-weight: 700;
  font-size: 1.5em; }

.divide {
  display: block;
  position: relative;
  float: left;
  width: 48%;
  padding: 0 0 0 2%;
  margin: 0; }

.third {
  display: block;
  float: left;
  width: 29.333333333%;
  padding: 0 2%;
  margin: 0 auto; }

.col {
  display: block;
  width: calc(50% - 5px);
  margin: 0;
  padding: 0; }

.col:nth-child(even) {
  float: right;
  clear: right;
  margin-left: 5px; }

.col:nth-child(odd) {
  float: left;
  clear: left;
  margin-right: 5px; }

.row {
  display: block;
  margin: 10px 0;
  padding: 0; }

.thanks {
  text-align: center;
  color: #ec008c;
  margin: 4rem auto; }

.page-head {
  display: block;
  position: relative;
  background-color: #231f20;
  height: 10rem;
  overflow: hidden; }
  .page-head .head-wrap {
    display: block;
    position: relative;
    height: 100%;
    overflow: hidden;
    max-width: 67rem;
    margin: 0 auto;
    padding: 0 2rem; }
    .page-head .head-wrap .head-logo {
      display: block;
      position: absolute;
      float: left;
      margin: 0;
      padding: 0;
      top: 50%;
      left: 4rem;
      right: 70%;
      transform: translateY(-50%); }
      .page-head .head-wrap .head-logo .logo {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0; }
        .page-head .head-wrap .head-logo .logo a {
          display: block;
          width: 100%;
          height: 5rem;
          background-image: url(../img/yoohoomcphee.svg);
          background-position: center left;
          background-repeat: no-repeat;
          background-size: contain; }
    .page-head .head-wrap .head-menu {
      display: block;
      position: absolute;
      float: right;
      margin: 0;
      padding: 0;
      top: 50%;
      right: 4rem;
      left: 30%;
      font-family: "Maven Pro", sans-serif;
      transform: translateY(-50%); }
      .page-head .head-wrap .head-menu ul {
        display: block;
        overflow: hidden;
        list-style-type: none;
        margin: 0;
        padding: 0;
        text-align: right; }
        .page-head .head-wrap .head-menu ul li {
          display: inline-block;
          margin: 0;
          padding: 1rem; }
          .page-head .head-wrap .head-menu ul li a {
            font-size: 1rem;
            text-transform: uppercase;
            color: #ffffff;
            padding: 0.25em 0;
            border-bottom: 2px solid transparent; }
          .page-head .head-wrap .head-menu ul li .menu-phone {
            padding-left: 2rem;
            background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 404.53"><defs><style>.svg-phone{fill:#ec008c;}</style></defs><title>phone</title><path class="svg-phone" d="M453,325.53l-42-95.1h-1a39.9,39.9,0,0,1-39.86-39.86V173.72a19,19,0,0,0-19-19H160.83a19,19,0,0,0-19,19v16.85A39.9,39.9,0,0,1,102,230.43h-1l-42,95.1a177.93,177.93,0,0,0-15.26,72.32v31.35a29.1,29.1,0,0,0,29.07,29.07h366.3a29.11,29.11,0,0,0,29.07-29.07V397.84A177.89,177.89,0,0,0,453,325.53ZM190.09,403A20.88,20.88,0,1,1,211,382.14,20.88,20.88,0,0,1,190.09,403Zm0-63.47A20.88,20.88,0,1,1,211,318.67,20.88,20.88,0,0,1,190.09,339.55Zm0-63.47A20.88,20.88,0,1,1,211,255.21,20.88,20.88,0,0,1,190.09,276.09ZM256,403a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,256,403Zm0-63.47a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,256,339.55Zm0-63.47a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,256,276.09ZM321.91,403a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,321.91,403Zm0-63.47a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,321.91,339.55Zm0-63.47a20.88,20.88,0,1,1,20.88-20.88A20.88,20.88,0,0,1,321.91,276.09Z" transform="translate(0 -53.73)"/><path class="svg-phone" d="M378.58,53.73H133.42A133.65,133.65,0,0,0,7.47,143.14H127.2a45.37,45.37,0,0,1,33.63-14.89H351.17a45.38,45.38,0,0,1,33.63,14.89H504.53A133.64,133.64,0,0,0,378.58,53.73Z" transform="translate(0 -53.73)"/><path class="svg-phone" d="M510.38,166.41H396.05a45.61,45.61,0,0,1,.6,7.32v16.85A13.34,13.34,0,0,0,410,203.9h85.27A16.77,16.77,0,0,0,512,187.15,133.84,133.84,0,0,0,510.38,166.41Z" transform="translate(0 -53.73)"/><path class="svg-phone" d="M1.62,166.41A133.87,133.87,0,0,0,0,187.15,16.77,16.77,0,0,0,16.75,203.9H102a13.34,13.34,0,0,0,13.33-13.33V173.72a45.52,45.52,0,0,1,.6-7.32H1.62Z" transform="translate(0 -53.73)"/></svg>');
            background-position: 0 0.25em;
            background-repeat: no-repeat;
            background-size: 1.5rem; }
          .page-head .head-wrap .head-menu ul li a:hover, .page-head .head-wrap .head-menu ul li a:focus {
            color: #ec008c; }
    .page-head .head-wrap .head-search {
      display: none;
      position: absolute;
      overflow: auto;
      float: right;
      margin: 0;
      padding: 0;
      top: 50%;
      transform: translateY(-50%);
      right: 4rem;
      left: 0; }
      .page-head .head-wrap .head-search .search {
        display: block;
        padding: 0.5rem 1rem;
        background-color: #231f20;
        border: 2px solid #ffffff;
        font-size: 1.2rem;
        line-height: 1.5rem;
        float: right;
        width: 16rem;
        color: #ffffff;
        outline: none;
        background-image: url('data:image/svg+xml;utf8,<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 56.97"><defs><style>.cls-1{fill:#fff;}</style></defs><title>search</title><path class="cls-1" d="M55.15,51.89,41.59,37.79A23,23,0,1,0,24,46a22.75,22.75,0,0,0,13.18-4.16L50.82,56a3,3,0,1,0,4.32-4.16ZM24,6A17,17,0,1,1,7,23,17,17,0,0,1,24,6Z" transform="translate(-0.98 0)"/></svg>');
        background-position: 13.5rem 0.6rem;
        background-repeat: no-repeat;
        background-size: 1.25rem;
        -moz-border-radius: 2.5rem;
        -webkit-border-radius: 2.5rem;
        border-radius: 2.5rem; }
  .page-head #menu-toggle {
    display: none;
    position: absolute;
    width: 2rem;
    height: 2rem;
    top: 1.5rem;
    right: 1.5rem;
    background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><defs><style>.cls-1{fill:#fff;}</style></defs><title>bars</title><path class="cls-1" d="M22,0A22,22,0,1,0,44,22,21.94,21.94,0,0,0,22,0ZM34,31a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V29a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Zm0-8a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V21a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Zm0-8a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V13a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Z" transform="translate(0 0)"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    z-index: 99; }
  .page-head #menu-toggle:hover {
    background-image: url('data:image/svg+xml;utf8,<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 44 44"><defs><style>.cls-1{fill:#ec008c;}</style></defs><title>bars</title><path class="cls-1" d="M22,0A22,22,0,1,0,44,22,21.94,21.94,0,0,0,22,0ZM34,31a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V29a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Zm0-8a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V21a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Zm0-8a.94.94,0,0,1-1,1H11a.94.94,0,0,1-1-1V13a.94.94,0,0,1,1-1H33a.94.94,0,0,1,1,1Z" transform="translate(0 0)"/></svg>'); }

.page-head:after {
  position: absolute;
  display: block;
  background-color: #ec008c;
  width: 14rem;
  height: 14rem;
  content: "";
  right: -11rem;
  top: -2rem;
  -moz-border-radius: 8rem;
  -webkit-border-radius: 8rem;
  border-radius: 8rem; }

#page-about #menu-about, #page-design #menu-design, #page-print #menu-print, #page-web #menu-web, #page-folio #menu-folio, #page-contact #menu-contact {
  border-color: #ec008c; }

.page-feature {
  display: block;
  position: relative;
  overflow: hidden; }
  .page-feature .feature-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 67rem;
    margin: 0 auto;
    padding: 0; }
    .page-feature .feature-wrap .feature-third {
      display: block;
      position: relative;
      width: 33.333333333%;
      margin: 1rem auto 0 auto;
      padding: 0 0 33.333333333% 0;
      overflow: hidden;
      float: left; }
      .page-feature .feature-wrap .feature-third a {
        display: block;
        position: absolute;
        overflow: hidden;
        width: 90%;
        height: 0;
        padding: 0 0 90% 0;
        margin: 0;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        border-radius: 100%;
        background-color: #ec008c;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease; }
        .page-feature .feature-wrap .feature-third a .ripple {
          position: absolute;
          width: 1%;
          height: 1%;
          background-color: #231f20;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          opacity: 0;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%; }
        .page-feature .feature-wrap .feature-third a .feature-text {
          position: absolute;
          display: block;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          font-size: 4rem;
          color: #ffffff;
          margin: 0;
          padding: 0;
          letter-spacing: 0; }
      .page-feature .feature-wrap .feature-third a:hover, .page-feature .feature-wrap .feature-third a:focus {
        background-color: #231f20; }
        .page-feature .feature-wrap .feature-third a:hover .ripple, .page-feature .feature-wrap .feature-third a:focus .ripple {
          animation: ripple 0.25s forwards; }

.page-content {
  display: block;
  position: relative;
  overflow: auto; }
  .page-content ul {
    list-style: none; }
    .page-content ul li {
      line-height: 1.2rem;
      padding-left: 1.5rem;
      position: relative; }
    .page-content ul li:before {
      position: absolute;
      left: 0;
      top: 0.5rem;
      content: "\2022 ";
      color: #ec008c;
      font-size: 1.5rem; }
  .page-content .content-topic {
    display: block;
    position: relative;
    overflow: hidden;
    text-align: center;
    margin: 4rem auto 0 auto;
    padding: 0 4rem; }
    .page-content .content-topic h1, .page-content .content-topic .h1 {
      text-transform: none;
      font-weight: 700;
      color: #ec008c;
      letter-spacing: 0;
      font-size: 4rem;
      margin-top: 0;
      font-family: "Maven Pro", sans-serif; }
    .page-content .content-topic p {
      display: block;
      max-width: 56rem;
      font-weight: 700;
      margin: 0 auto; }
  .page-content .content-wrap {
    display: block;
    position: relative;
    max-width: 67rem;
    margin: 0 auto 2rem auto;
    padding: 0 4rem;
    overflow: hidden; }
    .page-content .content-wrap > p {
      padding-right: 2rem;
      padding-left: 2rem;
      text-align: center; }
    .page-content .content-wrap > h1, .page-content .content-wrap > h2, .page-content .content-wrap > h3, .page-content .content-wrap > h4, .page-content .content-wrap > h5, .page-content .content-wrap > h6 {
      text-align: center; }
    .page-content .content-wrap h2:last-of-type {
      margin-bottom: 0; }
    .page-content .content-wrap img.bye {
      margin: 0 auto 2rem auto; }
    .page-content .content-wrap .portfolio {
      display: block;
      margin: 0 auto 2rem auto;
      overflow: hidden;
      text-align: center; }
      .page-content .content-wrap .portfolio h2 {
        margin: 2rem auto; }
      .page-content .content-wrap .portfolio h2:first-of-type {
        margin-top: 0; }
      .page-content .content-wrap .portfolio .portfolio-break {
        display: block;
        clear: both;
        width: 100%;
        height: 2rem;
        margin: 0;
        padding: 0; }
    .page-content .content-wrap .work-studio img {
      float: left;
      max-width: 338px;
      margin: 0 2rem 2rem 0; }
    .page-content .content-wrap .staff {
      display: block;
      overflow: hidden;
      max-width: 56rem;
      margin: 0 auto; }
      .page-content .content-wrap .staff .third {
        margin: 2rem auto 0 auto; }
        .page-content .content-wrap .staff .third img.hover {
          display: none; }
      .page-content .content-wrap .staff .third:nth-child(1), .page-content .content-wrap .staff .third:nth-child(2), .page-content .content-wrap .staff .third:nth-child(3) {
        margin-top: 0; }
      .page-content .content-wrap .staff .third:nth-child(4n) {
        clear: left; }
      .page-content .content-wrap .staff .third:hover, .page-content .content-wrap .staff .third:focus {
        transform: scale(0.95);
        opacity: 0.95; }
      .page-content .content-wrap .staff .scott_open:hover img, .page-content .content-wrap .staff .scott_open:focus img {
        display: none; }
      .page-content .content-wrap .staff .scott_open:hover img.hover, .page-content .content-wrap .staff .scott_open:focus img.hover {
        display: block; }
      .page-content .content-wrap .staff h4 {
        text-align: center;
        margin: 2rem 0 0 0;
        padding: 0;
        color: #ec008c; }
      .page-content .content-wrap .staff h5 {
        margin: 0 0 0 0;
        padding: 0;
        font-size: 1rem;
        text-align: center; }
    .page-content .content-wrap .purpose {
      display: block;
      margin: 2rem auto;
      padding: 1rem 2rem;
      border: 1px solid #ec008c; }
      .page-content .content-wrap .purpose h2 {
        font-weight: 700;
        color: #ec008c;
        text-align: center;
        margin: 1rem 0;
        padding: 0;
        text-transform: none;
        font-size: 1.5rem;
        line-height: 2rem; }
    .page-content .content-wrap .content-hero {
      display: block;
      position: relative;
      margin: 2rem auto;
      padding: 0; }
      .page-content .content-wrap .content-hero .hero-img {
        display: block;
        width: 100%;
        height: auto; }
      .page-content .content-wrap .content-hero .hero-wrap {
        display: block;
        position: absolute;
        background-color: transparent;
        top: 2rem;
        right: 2rem;
        bottom: 2rem;
        width: 50%;
        max-width: 24rem; }
        .page-content .content-wrap .content-hero .hero-wrap .hero-txt {
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 80%;
          text-align: center;
          transform: translate(-50%, -50%);
          font-size: 1.2rem; }
          .page-content .content-wrap .content-hero .hero-wrap .hero-txt h2 {
            font-size: 2em;
            margin-top: 0;
            color: #ffffff; }
          .page-content .content-wrap .content-hero .hero-wrap .hero-txt p {
            font-size: 1.2em;
            letter-spacing: 0.25rem;
            color: #ffffff; }
            .page-content .content-wrap .content-hero .hero-wrap .hero-txt p a {
              color: #ffffff;
              border-bottom: 2px solid #ec008c; }
            .page-content .content-wrap .content-hero .hero-wrap .hero-txt p a:hover {
              border-color: #231f20; }
    .page-content .content-wrap .cta-box {
      display: block;
      position: relative;
      border: 1px solid #231f20;
      padding: 0;
      overflow: hidden;
      margin: 0 auto;
      text-align: center; }
      .page-content .content-wrap .cta-box .cta-form {
        display: block;
        float: left;
        position: relative;
        width: 29.333333333%;
        margin: 2%;
        min-height: 20rem; }
        .page-content .content-wrap .cta-box .cta-form h4 {
          margin: 0 0 1rem 0; }
      .page-content .content-wrap .cta-box .cta-wrap {
        display: block;
        position: absolute;
        width: 33.333333333%;
        height: 0;
        padding: 0 0 33.333333333% 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        overflow: hidden; }
        .page-content .content-wrap .cta-box .cta-wrap a {
          display: block;
          position: absolute;
          overflow: hidden;
          width: 90%;
          height: 0;
          padding: 0 0 90% 0;
          margin: 0;
          -moz-border-radius: 100%;
          -webkit-border-radius: 100%;
          border-radius: 100%;
          background-color: #231f20;
          text-align: center;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transition: all 0.5s ease;
          -moz-transition: all 0.5s ease;
          -o-transition: all 0.5s ease;
          transition: all 0.5s ease; }
          .page-content .content-wrap .cta-box .cta-wrap a .ripple {
            position: absolute;
            width: 1%;
            height: 1%;
            background-color: #ec008c;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            opacity: 0;
            border-radius: 100%; }
          .page-content .content-wrap .cta-box .cta-wrap a .cta-text {
            position: absolute;
            display: block;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 4rem;
            color: #ffffff;
            margin: 0;
            padding: 0;
            letter-spacing: 0; }
            .page-content .content-wrap .cta-box .cta-wrap a .cta-text h2, .page-content .content-wrap .cta-box .cta-wrap a .cta-text h3 {
              margin: 0;
              padding: 0;
              color: #ec008c; }
            .page-content .content-wrap .cta-box .cta-wrap a .cta-text .cta-price {
              font-size: 2.5rem;
              font-family: "Maven Pro", sans-serif;
              margin: 1rem 0 0 0; }
            .page-content .content-wrap .cta-box .cta-wrap a .cta-text .cta-hover {
              display: none; }
        .page-content .content-wrap .cta-box .cta-wrap a:hover, .page-content .content-wrap .cta-box .cta-wrap a:focus {
          background-color: #ec008c; }
          .page-content .content-wrap .cta-box .cta-wrap a:hover .ripple, .page-content .content-wrap .cta-box .cta-wrap a:focus .ripple {
            animation: ripple 0.25s forwards; }
          .page-content .content-wrap .cta-box .cta-wrap a:hover .cta-text h3, .page-content .content-wrap .cta-box .cta-wrap a:focus .cta-text h3 {
            color: #ffffff; }
          .page-content .content-wrap .cta-box .cta-wrap a:hover .cta-text .cta-normal, .page-content .content-wrap .cta-box .cta-wrap a:focus .cta-text .cta-normal {
            display: none; }
          .page-content .content-wrap .cta-box .cta-wrap a:hover .cta-text .cta-hover, .page-content .content-wrap .cta-box .cta-wrap a:focus .cta-text .cta-hover {
            display: block; }
      .page-content .content-wrap .cta-box .cta-align {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        width: 33.333333333%; }
        .page-content .content-wrap .cta-box .cta-align p {
          padding: 0.5rem; }
    .page-content .content-wrap .blog-wrap {
      display: block;
      margin: 2rem auto 0 auto;
      padding: 0;
      overflow: auto;
      position: relative; }
      .page-content .content-wrap .blog-wrap .blog-box {
        display: block;
        position: relative;
        border: 1px solid #231f20;
        padding: 2rem;
        width: calc(50% - 5rem);
        margin: 0 0 2rem 0; }
        .page-content .content-wrap .blog-wrap .blog-box img {
          display: block;
          width: calc(40% - 1rem);
          height: auto;
          float: left; }
        .page-content .content-wrap .blog-wrap .blog-box .blog-blurb {
          display: block;
          width: 50%;
          float: right; }
          .page-content .content-wrap .blog-wrap .blog-box .blog-blurb h3 {
            margin-top: 0; }
      .page-content .content-wrap .blog-wrap .blog-box:nth-child(odd) {
        float: left;
        clear: left; }
      .page-content .content-wrap .blog-wrap .blog-box:nth-child(even) {
        float: right;
        clear: right; }
  .page-content .page-tabs {
    display: block;
    margin: 0 auto 2rem auto;
    padding: 0; }
    .page-content .page-tabs .tab-wrap {
      display: block;
      margin: 0 auto;
      max-width: 67rem;
      overflow: auto;
      padding: 0 2rem; }
      .page-content .page-tabs .tab-wrap .tab {
        display: block;
        float: left;
        width: 23.5%;
        margin: 0 2% 0 0;
        cursor: pointer;
        text-align: center;
        padding: 1rem 0;
        background-color: #bcbdc0;
        color: #ffffff;
        text-transform: uppercase;
        font-family: "Maven Pro", sans-serif;
        font-weight: 500; }
      .page-content .page-tabs .tab-wrap .tab:last-of-type {
        margin-right: 0; }
      .page-content .page-tabs .tab-wrap .tab:hover, .page-content .page-tabs .tab-wrap .tab:focus {
        outline: none;
        background-color: #ec008c; }
      .page-content .page-tabs .tab-wrap .tab-current {
        background-color: #ec008c; }
      .page-content .page-tabs .tab-wrap .tab-box {
        overflow: auto;
        display: block;
        height: auto;
        margin: 0 auto;
        max-width: 56rem; }
        .page-content .page-tabs .tab-wrap .tab-box > h3 {
          padding: 0 2%; }
        .page-content .page-tabs .tab-wrap .tab-box h3 {
          margin: 2rem 0; }
      .page-content .page-tabs .tab-wrap .tab-hidden {
        height: 0;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease; }
    .page-content .page-tabs .tab-content {
      display: block;
      border-top: 1px solid #231f20; }

.about-profile {
  width: 80%;
  max-width: 67rem;
  background-color: #ffffff;
  padding: 1rem;
  margin: 1rem auto; }
  .about-profile .close {
    position: absolute;
    display: block;
    top: 1rem;
    right: 1rem;
    width: 2rem;
    height: 2rem;
    background-image: url('data:image/svg+xml;utf8,<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475.2 475.2"><defs><style>.svg-close{fill:#000;}</style></defs><title>close</title><path class="svg-close" d="M405.6,69.6a237.59,237.59,0,1,0-336,336,237.59,237.59,0,1,0,336-336ZM386.5,386.5a210.52,210.52,0,0,1-297.8,0C6.6,304.4,6.6,170.8,88.7,88.7a210.52,210.52,0,0,1,297.8,0C468.6,170.8,468.6,304.4,386.5,386.5Z" transform="translate(0 0)"/><path class="svg-close" d="M342.3,132.9a13.46,13.46,0,0,0-19.1,0l-85.6,85.6L152,132.9A13.51,13.51,0,0,0,132.9,152l85.6,85.6-85.6,85.6a13.55,13.55,0,0,0,9.5,23.1,13.17,13.17,0,0,0,9.5-4l85.6-85.6,85.6,85.6a13.59,13.59,0,0,0,9.5,4,13,13,0,0,0,9.5-4,13.46,13.46,0,0,0,0-19.1l-85.4-85.6L342.3,152A13.46,13.46,0,0,0,342.3,132.9Z" transform="translate(0 0)"/></svg>');
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: center;
    cursor: pointer; }
  .about-profile .close:hover, .about-profile .close:focus {
    background-image: url('data:image/svg+xml;utf8,<svg id="Capa_1" data-name="Capa 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 475.2 475.2"><defs><style>.svg-close{fill:#ec008c;}</style></defs><title>close</title><path class="svg-close" d="M405.6,69.6a237.59,237.59,0,1,0-336,336,237.59,237.59,0,1,0,336-336ZM386.5,386.5a210.52,210.52,0,0,1-297.8,0C6.6,304.4,6.6,170.8,88.7,88.7a210.52,210.52,0,0,1,297.8,0C468.6,170.8,468.6,304.4,386.5,386.5Z" transform="translate(0 0)"/><path class="svg-close" d="M342.3,132.9a13.46,13.46,0,0,0-19.1,0l-85.6,85.6L152,132.9A13.51,13.51,0,0,0,132.9,152l85.6,85.6-85.6,85.6a13.55,13.55,0,0,0,9.5,23.1,13.17,13.17,0,0,0,9.5-4l85.6-85.6,85.6,85.6a13.59,13.59,0,0,0,9.5,4,13,13,0,0,0,9.5-4,13.46,13.46,0,0,0,0-19.1l-85.4-85.6L342.3,152A13.46,13.46,0,0,0,342.3,132.9Z" transform="translate(0 0)"/></svg>'); }

#map, .map {
  display: block;
  margin: 2rem auto;
  width: 100%;
  height: 18rem;
  float: left;
  clear: both; }

.gallery {
  display: block;
  position: relative;
  margin: 2rem auto;
  padding: 0;
  overflow: auto; }
  .gallery a, .gallery div {
    display: block;
    float: left;
    position: relative;
    width: 32%;
    height: 0;
    padding: 0 0 32% 0;
    margin: 0 2% 2% 0;
    overflow: hidden;
    cursor: default;
    -webkit-transition: all 0.33s ease;
    -moz-transition: all 0.33s ease;
    -o-transition: all 0.33s ease;
    transition: all 0.33s ease; }
    .gallery a img, .gallery div img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
  .gallery a:nth-child(3n), .gallery div:nth-child(3n) {
    margin-right: 0; }
  .gallery a:hover img, .gallery a:focus img {
    opacity: 0.66; }

#web-content .gallery a {
  cursor: pointer; }

.page-footer {
  display: block;
  position: relative;
  background-color: #ffffff;
  color: #231f20;
  border-top: 1px solid #231f20; }
  .page-footer #return {
    display: block;
    content: '';
    position: absolute;
    width: 3rem;
    height: 3rem;
    top: -1.5rem;
    left: 50%;
    background-color: #231f20;
    background-image: url(../img/return.svg);
    background-position: center center;
    background-size: 50%;
    background-repeat: no-repeat;
    transform: translateX(-50%);
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 9;
    cursor: pointer; }
  .page-footer #return:hover {
    background-color: #ec008c; }
  .page-footer .foot-wrap {
    display: block;
    position: relative;
    overflow: hidden;
    max-width: 67rem;
    margin: 1.5rem auto 2rem auto;
    padding: 0 4rem; }
    .page-footer .foot-wrap .foot-logo {
      display: block;
      float: left;
      width: 100%;
      max-width: 20rem;
      height: 5rem;
      background-image: url(../img/yoohoomcphee-black.svg);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      margin: 0 2rem 1rem 0;
      padding: 0; }
    .page-footer .foot-wrap .foot-content {
      display: block;
      clear: both; }
      .page-footer .foot-wrap .foot-content p {
        line-height: 1.2rem;
        padding: 0.5rem 0;
        font-size: 1rem; }
      .page-footer .foot-wrap .foot-content a {
        color: #231f20;
        padding: 0;
        margin: 0; }
      .page-footer .foot-wrap .foot-content a:hover, .page-footer .foot-wrap .foot-content a:focus {
        color: #ec008c; }
    .page-footer .foot-wrap .foot-social {
      display: block;
      float: right; }
      .page-footer .foot-wrap .foot-social a {
        display: inline-block;
        width: 5rem;
        height: 5rem;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 50%; }
      .page-footer .foot-wrap .foot-social .facebook {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"><defs><style>.svg-facebook{fill:#231f20;}</style></defs><title>facebook</title><path class="svg-facebook" d="M345.538,612H219.343c-8.038,0-10.416-6.523-10.416-14.57V340h-47.828 c-8.038,0-10.416-6.523-10.416-14.57V218.571c0-8.047,2.378-14.571,10.416-14.571h57.691 c-0.058-85.075,14.979-141.883,45.819-173.383C290.944,3.708,322.833,0,353.362,0h89.25c8.037,0,18.705,6.523,18.705,14.571 v116.576c0,8.047-10.668,14.57-18.705,14.57h-78.367V204h78.367c8.037,0,18.705,6.523,18.705,14.571V325.43 c0,8.047-10.668,14.57-18.705,14.57h-78.367v257.43C364.235,605.477,353.577,612,345.538,612z M238.04,582.858h97.073V325.43 c0-8.048,2.379-14.571,10.416-14.571h86.658v-77.717h-86.658c-8.037,0-10.416-6.523-10.416-14.571v-87.424c0-8.047,2.379-14.571,10.416-14.571h86.658V29.142h-78.834c-22.521,0-48.197,1.689-67.951,21.871 c-26.481,27.035-39.053,83.309-37.354,167.267c0.078,3.912-1.417,7.698-4.164,10.494c-2.738,2.795-6.475,4.368-10.396,4.368 h-53.691v77.717h39.538c8.038,0,18.706,6.523,18.706,14.571V582.858L238.04,582.858z"/></svg>'); }
      .page-footer .foot-wrap .foot-social .instagram {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"><defs><style>.svg-instagram{fill:#231f20;}</style></defs><title>instagram</title><path class="svg-instagram" d="M443.697,204h61.156c14.076,0,25.646-11.416,25.646-25.502v-61.198C530.5,103.213,518.93,92,504.854,92h-61.156c-14.076,0-25.197,11.213-25.197,25.299v61.198C418.5,192.584,429.621,204,443.697,204z M448.5,122h51v51h-51V122z"/><path class="svg-instagram" d="M504.854,0H107.333C53.851,0,10.5,43.381,10.5,96.894v418.203C10.5,568.619,53.851,612,107.333,612h397.521c53.482,0,96.646-43.381,96.646-96.903V96.894C601.5,43.381,558.336,0,504.854,0z M107.333,31h397.521c36.594,0,66.646,29.281,66.646,65.894v128.141c-2-0.41-3.231-1.034-4.744-1.034H41.5V96.894C41.5,60.281,70.74,31,107.333,31z M504.854,581H107.333C70.74,581,41.5,551.72,41.5,515.097V255h525.256c1.513,0,2.744-0.233,4.744-0.643v260.74C571.5,551.72,541.447,581,504.854,581z"/><path class="svg-instagram" d="M310.619,272.333c-74.49,0-135.106,60.658-135.106,135.208c0,74.551,60.617,135.198,135.106,135.198c74.5,0,135.105-60.647,135.105-135.198C445.725,332.991,385.119,272.333,310.619,272.333z M310.619,512.141c-57.631,0-104.528-46.928-104.528-104.6c0-57.681,46.897-104.609,104.528-104.609c57.641,0,104.527,46.928,104.527,104.609C415.146,465.213,368.26,512.141,310.619,512.141z"/><path class="svg-instagram" d="M310.619,325.183c-45.379,0-82.297,36.949-82.297,82.358s36.918,82.358,82.297,82.358s82.297-36.949,82.297-82.358S355.998,325.183,310.619,325.183z M310.619,459.301c-28.52,0-51.719-23.22-51.719-51.76s23.199-51.759,51.719-51.759c28.52,0,51.729,23.219,51.729,51.759S339.139,459.301,310.619,459.301z"/></svg>'); }
      .page-footer .foot-wrap .foot-social .facebook:hover, .page-footer .foot-wrap .foot-social .facebook:focus {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"><defs><style>.svg-facebook{fill:#ec008c;}</style></defs><title>facebook</title><path class="svg-facebook" d="M345.538,612H219.343c-8.038,0-10.416-6.523-10.416-14.57V340h-47.828 c-8.038,0-10.416-6.523-10.416-14.57V218.571c0-8.047,2.378-14.571,10.416-14.571h57.691 c-0.058-85.075,14.979-141.883,45.819-173.383C290.944,3.708,322.833,0,353.362,0h89.25c8.037,0,18.705,6.523,18.705,14.571 v116.576c0,8.047-10.668,14.57-18.705,14.57h-78.367V204h78.367c8.037,0,18.705,6.523,18.705,14.571V325.43 c0,8.047-10.668,14.57-18.705,14.57h-78.367v257.43C364.235,605.477,353.577,612,345.538,612z M238.04,582.858h97.073V325.43 c0-8.048,2.379-14.571,10.416-14.571h86.658v-77.717h-86.658c-8.037,0-10.416-6.523-10.416-14.571v-87.424c0-8.047,2.379-14.571,10.416-14.571h86.658V29.142h-78.834c-22.521,0-48.197,1.689-67.951,21.871 c-26.481,27.035-39.053,83.309-37.354,167.267c0.078,3.912-1.417,7.698-4.164,10.494c-2.738,2.795-6.475,4.368-10.396,4.368 h-53.691v77.717h39.538c8.038,0,18.706,6.523,18.706,14.571V582.858L238.04,582.858z"/></svg>');
        outline: none; }
      .page-footer .foot-wrap .foot-social .instagram:hover, .page-footer .foot-wrap .foot-social .instagram:focus {
        background-image: url('data:image/svg+xml;utf8,<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="612px" height="612px" viewBox="0 0 612 612" style="enable-background:new 0 0 612 612;" xml:space="preserve"><defs><style>.svg-instagram{fill:#ec008c;}</style></defs><title>instagram</title><path class="svg-instagram" d="M443.697,204h61.156c14.076,0,25.646-11.416,25.646-25.502v-61.198C530.5,103.213,518.93,92,504.854,92h-61.156c-14.076,0-25.197,11.213-25.197,25.299v61.198C418.5,192.584,429.621,204,443.697,204z M448.5,122h51v51h-51V122z"/><path class="svg-instagram" d="M504.854,0H107.333C53.851,0,10.5,43.381,10.5,96.894v418.203C10.5,568.619,53.851,612,107.333,612h397.521c53.482,0,96.646-43.381,96.646-96.903V96.894C601.5,43.381,558.336,0,504.854,0z M107.333,31h397.521c36.594,0,66.646,29.281,66.646,65.894v128.141c-2-0.41-3.231-1.034-4.744-1.034H41.5V96.894C41.5,60.281,70.74,31,107.333,31z M504.854,581H107.333C70.74,581,41.5,551.72,41.5,515.097V255h525.256c1.513,0,2.744-0.233,4.744-0.643v260.74C571.5,551.72,541.447,581,504.854,581z"/><path class="svg-instagram" d="M310.619,272.333c-74.49,0-135.106,60.658-135.106,135.208c0,74.551,60.617,135.198,135.106,135.198c74.5,0,135.105-60.647,135.105-135.198C445.725,332.991,385.119,272.333,310.619,272.333z M310.619,512.141c-57.631,0-104.528-46.928-104.528-104.6c0-57.681,46.897-104.609,104.528-104.609c57.641,0,104.527,46.928,104.527,104.609C415.146,465.213,368.26,512.141,310.619,512.141z"/><path class="svg-instagram" d="M310.619,325.183c-45.379,0-82.297,36.949-82.297,82.358s36.918,82.358,82.297,82.358s82.297-36.949,82.297-82.358S355.998,325.183,310.619,325.183z M310.619,459.301c-28.52,0-51.719-23.22-51.719-51.76s23.199-51.759,51.719-51.759c28.52,0,51.729,23.219,51.729,51.759S339.139,459.301,310.619,459.301z"/></svg>');
        outline: none; }

.mobile-show {
  display: none !important; }

@media screen and (max-width: 1180px) {
  .page-content .content-wrap .content-hero .hero-wrap .hero-txt {
    font-size: 1rem; } }
@media screen and (max-width: 1080px) {
  .page-head .head-wrap .head-menu {
    top: 0;
    right: 4rem;
    left: 4rem;
    transform: translateY(0); }
    .page-head .head-wrap .head-menu ul {
      text-align: center; }
  .page-head .head-wrap .head-logo {
    top: 60%;
    right: 4rem;
    left: 4rem; }
    .page-head .head-wrap .head-logo .logo a {
      background-position: center center; } }
@media screen and (max-width: 900px) {
  .page-feature .feature-wrap .feature-third a .feature-text {
    font-size: 3rem; }

  .page-content .content-wrap .work-studio img {
    display: none; }
  .page-content .content-wrap .content-hero .hero-wrap {
    width: auto;
    max-width: none;
    top: 1rem;
    right: 1rem;
    bottom: 1rem;
    left: 1rem; }
    .page-content .content-wrap .content-hero .hero-wrap .hero-txt {
      font-size: 1rem; }
  .page-content .content-wrap .cta-box .cta-form, .page-content .content-wrap .cta-box .cta-wrap, .page-content .content-wrap .cta-box .cta-align {
    position: relative;
    width: auto;
    margin: 2rem;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    transform: translate(0, 0);
    min-height: auto; }
  .page-content .content-wrap .cta-box .cta-wrap {
    width: 50%;
    padding: 0 0 50% 0;
    margin: 2rem auto; } }
@media screen and (max-width: 800px) {
  .page-head {
    height: auto; }
    .page-head .head-wrap {
      height: auto; }
      .page-head .head-wrap .head-menu {
        display: block;
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        margin: 5rem auto 0 auto;
        float: none;
        position: relative;
        transform: translate(0, 0);
        overflow: hidden;
        max-height: 0;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease; }
        .page-head .head-wrap .head-menu ul {
          margin-bottom: 1rem; }
          .page-head .head-wrap .head-menu ul li {
            display: block; }
      .page-head .head-wrap .head-search {
        display: none; }
      .page-head .head-wrap .head-logo {
        top: 1rem;
        right: auto;
        left: 50%;
        width: 200px;
        transform: translate(-50%, 0); }
        .page-head .head-wrap .head-logo .logo a {
          height: 3rem; }
    .page-head #menu-toggle {
      display: block; }

  .menu-open .head-wrap .head-menu {
    max-height: 100vh; }

  .page-head:after {
    display: none; }

  .page-feature .feature-wrap .feature-third a .feature-text {
    font-size: 2rem; }

  .page-content .content-wrap .staff .third {
    width: 48%;
    padding: 0 1%; }
  .page-content .content-wrap .staff .third:nth-child(3) {
    margin-top: 2rem; }
  .page-content .content-wrap .staff .third:nth-child(odd) {
    clear: left; }
  .page-content .content-wrap .staff .third:nth-child(4n) {
    clear: none; } }
@media screen and (max-width: 700px) {
  .page-footer .foot-wrap .foot-logo {
    float: none;
    margin: 0 auto;
    text-align: center; }
  .page-footer .foot-wrap .foot-social {
    display: block;
    width: 100%;
    text-align: center;
    float: none; }
  .page-footer .foot-wrap .foot-content {
    text-align: center; }

  .page-content .content-wrap .cta-box .cta-wrap {
    width: 60%;
    padding: 0 0 60% 0; }
  .page-content .content-wrap .content-hero .hero-wrap {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    background-color: transparent;
    margin-top: 2rem; }
    .page-content .content-wrap .content-hero .hero-wrap .hero-txt {
      font-size: 1rem;
      position: relative;
      width: auto;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      transform: translate(0, 0); }
      .page-content .content-wrap .content-hero .hero-wrap .hero-txt p {
        letter-spacing: 0.1rem;
        color: #231f20; }
        .page-content .content-wrap .content-hero .hero-wrap .hero-txt p a {
          color: #ec008c;
          border-bottom: none; }
        .page-content .content-wrap .content-hero .hero-wrap .hero-txt p a:hover {
          color: #231f20; }
      .page-content .content-wrap .content-hero .hero-wrap .hero-txt h2 {
        color: #231f20; }

  .col {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0; }

  .col:nth-child(even) {
    margin-left: 0; }

  .col:nth-child(odd) {
    margin-right: 0; }

  .row {
    margin: 0 0 10px 0; }

  .mobile-show {
    display: block !important; }

  .mobile-hide {
    display: none !important; } }
@media screen and (max-width: 600px) {
  .page-feature .feature-wrap .feature-third a .feature-text {
    font-size: 1.5rem; }

  .divide {
    width: 100%;
    padding: 0; }

  .page-content .content-wrap {
    padding: 0 2rem; }
    .page-content .content-wrap p {
      padding: 0.5rem 0; }
    .page-content .content-wrap .cta-box .cta-wrap {
      width: 80%;
      padding: 0 0 80% 0; }
    .page-content .content-wrap .staff .third {
      width: 100%;
      padding: 0;
      margin-top: 2rem; }
    .page-content .content-wrap .staff .third:nth-child(2) {
      margin-top: 2rem; }
  .page-content .page-tabs .tab-wrap .tab {
    margin: 0 1% 2%;
    width: 48%;
    letter-spacing: 0; }
    .page-content .page-tabs .tab-wrap .tab .tab:last-of-type {
      margin-right: 1%; } }
@media screen and (max-width: 500px) {
  .page-head .head-wrap .head-logo {
    left: 1rem;
    transform: translate(0, 0); }

  .page-content .content-wrap .cta-box .cta-wrap {
    width: 90%;
    padding: 0 0 90% 0; }
    .page-content .content-wrap .cta-box .cta-wrap a .cta-text {
      font-size: 2rem; }
      .page-content .content-wrap .cta-box .cta-wrap a .cta-text h2 {
        font-size: 1.5rem; }

  .gallery a {
    width: 100%;
    padding: 0 0 100% 0;
    margin: 0 0 2% 0; }
    .gallery a img {
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .page-head .head-wrap .head-menu ul li .menu-phone {
    background-image: none;
    padding-left: 0; }
  .page-head .head-wrap .head-search .search {
    background-image: url(../img/search.svg); }
  .page-head #menu-toggle {
    background-image: url(../img/menu.svg); }
  .page-head #menu-toggle:hover {
    background-image: url(../img/menu-magenta.svg); }

  .about-profile .close, .about-profile .close:hover, .about-profile .close:focus {
    background-image: url(../img/close.svg); }

  .page-footer .foot-wrap .foot-social .facebook {
    background-image: url(../img/facebook.svg); }
  .page-footer .foot-wrap .foot-social .instagram {
    background-image: url(../img/instagram.svg); }
  .page-footer .foot-wrap .foot-social .facebook:hover, .page-footer .foot-wrap .foot-social .facebook:focus {
    background-image: url(../img/facebook-magenta.svg); }
  .page-footer .foot-wrap .foot-social .instagram:hover, .page-footer .foot-wrap .foot-social .instagram:focus {
    background-image: url(../img/instagram-magenta.svg); } }
.landing .content-topic, .landing .content-wrap {
  max-width: 56rem; }
.landing dl {
  counter-reset: quotecounter;
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto; }
  .landing dl dt, .landing dl dd {
    display: block;
    position: relative;
    margin: 2rem auto;
    z-index: 2; }
  .landing dl dt {
    padding: 1rem 0 1rem 4rem;
    font-size: 1.2rem; }
    .landing dl dt h1, .landing dl dt h2, .landing dl dt h3 {
      margin: 0 auto 1rem auto;
      padding: 0; }
  .landing dl dt:before {
    display: inline-block;
    position: absolute;
    font-size: 5rem;
    z-index: 1;
    font-weight: 700;
    color: #ec008c;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    content: counter(quotecounter);
    counter-increment: quotecounter; }
  .landing dl dd {
    padding: 0;
    font-size: 0;
    text-align: center; }
    .landing dl dd p {
      font-size: 1rem; }
.landing form {
  max-width: 24rem;
  margin-left: auto;
  margin-right: auto; }
  .landing form .button-wrap {
    position: relative;
    text-align: center;
    display: inline-block;
    margin: auto;
    font-size: 1rem; }
    .landing form .button-wrap input[type="radio"] {
      display: none; }
    .landing form .button-wrap input[type="radio"] + label {
      display: inline-block;
      padding: 1rem;
      margin: 2px;
      cursor: pointer;
      text-align: center;
      color: #231f20;
      background-color: transparent;
      box-shadow: inset 0 0 0 1px #231f20;
      border: 0; }
    .landing form .button-wrap input[type="radio"]:checked + label {
      background-color: #ec008c;
      color: #ffffff;
      box-shadow: inset 0 0 0 1px #ec008c; }

#landing .form_p {
  text-align: left;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 20px;
  clear: left;
  color: #FFFFFF; }

#landing .footer-box {
  background-color: #EC008C;
  clear: both;
  padding-top: 10px; }

#landing .h3stylebox {
  margin: 0;
  text-align: centre;
  color: #FFFFFF;
  padding-left: 100px;
  padding-bottom: 20px;
  padding-top: 20px; }

#landing .h1style {
  margin: 0;
  text-align: centre;
  color: #EC008C;
  clear: both;
  float: centre;
  padding-left: 15px;
  font-size: 30px;
  padding-bottom: 10px;
  padding-top: 10px; }

#landing .h1stylefb {
  color: #FFFFFF;
  text-align: centre;
  padding-left: 100px;
  padding-bottom: 40px; }

#landing .website_infomtion {
  overflow: auto; }

#landing .h1ourwork {
  padding-left: 250px;
  padding-top: 40px;
  padding-bottom: 0px; }

#landing .informtionh4 {
  color: #EC008C;
  padding-top: 0px;
  padding-bottom: -10px;
  font-size: 20px; }

#landing .informtionp {
  padding-top: 0px; }

#landing .h1style6r {
  font-size: 20px;
  padding-left: 15px;
  padding-top: 40px;
  padding-bottom: 0px;
  color: #EC008C; }

#landing .bottomh1style {
  font-size: 30px;
  padding-left: 50px;
  padding-top: 40px;
  padding-bottom: 15px;
  color: #EC008C; }

@media screen and (max-width: 768px) {
  #landing .col:nth-child(odd) {
    clear: none;
    float: none; }

  #landing .col:nth-child(even) {
    clear: none;
    float: none; }

  #landing .bottom_text {
    clear: none; }

  #landing .button-label {
    display: inline-block;
    padding: 1em 2em;
    padding-left: 40px;
    margin: 2px;
    cursor: pointer;
    background: clear;
    transition: 0.3s;
    text-align: centre;
    border: 2px solid #FFFFFF;
    width: 50%; }

  #landing label {
    display: block;
    position: relative;
    cursor: pointer;
    color: white;
    text-shadow: 2px 2xp 4px white;
    float: left;
    width: 50%;
    clear: right; }

  #landing form input[type="radio"] {
    display: none; }

  #landing form input[type="radio"] + span {
    display: inline-block;
    padding: 1em; }

  #landing :checked + span {
    background: black;
    display: inline-block;
    text-align: centre; } }
#landing-deal .h1-deal {
  color: #EC008C; }

#landing-deal .h2-deal {
  clear: both;
  text-align: left;
  color: #EC008C;
  padding-bottom: 20px;
  padding-top: 40px; }

#landing-deal .text-left {
  width: 50%;
  float: left;
  text-align: left;
  padding-top: 40px;
  padding-bottom: 40px; }

#landing-deal .h2-title {
  clear: both; }

#landing-deal .cost-deal {
  clear: both; }

#landing-deal .img-deal {
  width: 50%;
  height: auto;
  float: right;
  margin: auto; }

#landing-deal .img-deal img {
  width: 40%;
  height: auto;
  float: right;
  padding-left: 2%; }

#landing-deal .cost1-deal {
  color: #EC008C; }

#landing-deal li {
  text-align: left; }

#landing-deal .p-deal {
  text-align: left; }

#landing-deal .footer-text-deal {
  padding-top: 10%;
  padding-bottom: 10%;
  color: #EC008C; }

#landing-deal .form-text {
  text-align: left; }

#landing-deal .contact-title {
  color: #EC008C;
  text-align: left; }

/*# sourceMappingURL=styles.css.map */