body {
  height: 100%;
  background-color: #f5f5f5;
  font-family: 'PT Sans', sans-serif;
  color: #666;
  font-size: 16px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  margin-bottom: 20px;
  font-family: 'PT Sans', sans-serif;
  font-size: 100px;
  line-height: 100px;
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
}

h2 {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: 'PT Sans', sans-serif;
  color: #666;
  font-size: 30px;
  line-height: 30px;
  font-weight: 400;
  text-transform: none;
}

h3 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'PT Sans', sans-serif;
  font-size: 21px;
  line-height: 30px;
  font-weight: 400;
}

h4 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}

h5 {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
  line-height: 26px;
}

a {
  text-decoration: none;
}

img {
  display: inline-block;
  max-width: 100%;
}

.button {
  display: inline-block;
  width: auto;
  height: 60px;
  padding: 20px 15px;
  background-color: #58c493;
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.button.w--current {
  background-color: #44997a;
}

.button.featured-button {
  padding-right: 30px;
  padding-left: 30px;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.featured-button:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.featured-button.w--current {
  display: block;
}

.button.featured-button.design {
  position: relative;
  background-color: #3d6b89;
  box-shadow: 10px 0 0 0 #589ac4;
}

.button.featured-button.design:hover {
  background-color: #589ac4;
  box-shadow: 0 0 0 0 #3d6b89;
}

.button.featured-button.design.bottom {
  margin-bottom: 50px;
}

.button.touch-button {
  display: inline-block;
  padding-right: 30px;
  padding-left: 30px;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
}

.button.right-project {
  display: block;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.right-project:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.right-project.w--current {
  display: block;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
  -webkit-transition: box-shadow 200ms ease, background-color 200ms ease;
  transition: box-shadow 200ms ease, background-color 200ms ease;
}

.button.right-project.w--current:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.right-project.design {
  background-color: #3d6b89;
  box-shadow: 10px 0 0 0 #589ac4;
}

.button.right-project.design:hover {
  background-color: #589ac4;
  box-shadow: 0 0 0 0 #589ac4;
}

.button.all-projects {
  display: block;
  background-color: #44997a;
  box-shadow: 0 10px 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.all-projects:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.all-projects.w--current {
  display: block;
  box-shadow: 0 10px 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.all-projects.w--current:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.all-projects.design {
  background-color: #3d6b89;
  box-shadow: 0 10px 0 0 #589ac4;
}

.button.all-projects.design:hover {
  background-color: #589ac4;
  box-shadow: 0 0 0 0 #589ac4;
}

.button.left-project {
  display: block;
  background-color: #44997a;
  box-shadow: -10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.left-project:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.left-project.w--current {
  display: block;
  box-shadow: -10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.left-project.w--current:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.left-project.design {
  background-color: #3d6b89;
  box-shadow: -10px 0 0 0 #589ac4;
}

.button.left-project.design:hover {
  background-color: #589ac4;
  box-shadow: 0 0 0 0 #3d6b89;
}

.button.submit {
  display: block;
  width: 50%;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
  font-weight: 700;
}

.button.submit:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.button.submit.design {
  background-color: #3d6b89;
  box-shadow: 10px 0 0 0 #589ac4;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}

.button.submit.design:hover {
  background-color: #589ac4;
  box-shadow: 0 0 0 0 #589ac4;
}

.logo {
  position: static;
  left: 0px;
  bottom: 0px;
  display: inline-block;
  float: left;
  clear: none;
}

.company_name {
  display: inline-block;
  padding-top: 10px;
  padding-left: 10px;
  float: none;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.landing_header {
  height: 800px;
  background-color: #58c493;
  background-image: url('../images/video-still.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.landing_header.design {
  background-color: #3d6b89;
  background-image: none;
}

.landing_link {
  display: inline-block;
  height: 70px;
  margin-left: 50px;
  padding-top: 20px;
  padding-bottom: 13px;
  float: right;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  text-align: left;
  letter-spacing: 1px;
  text-decoration: none;
  text-transform: uppercase;
}

.landing_link:hover {
  text-decoration: none;
}

.latest_news {
  display: block;
  padding-top: 30px;
  padding-bottom: 20px;
  background-color: #f2f2f2;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #f2f2f2;
}

.header_holder {
  padding-top: 30px;
}

.latest_work {
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: #f2f2f2;
}

.footer {
  position: relative;
  height: auto;
  background-color: #58c493;
}

.footer.design {
  background-color: #589ac4;
}

.first-nav {
  padding-top: 50px;
}

.initial-nav-link {
  display: inline-block;
  padding-bottom: 14px;
}

.bar-one {
  position: static;
  height: 6px;
  background-color: #fff;
}

.bar-two {
  display: block;
  width: 100%;
  height: 6px;
  background-color: #fff;
}

.bar-three {
  display: block;
  height: 6px;
  background-color: #fff;
}

.bar-four {
  height: 6px;
  background-color: #fff;
}

.desktop-nav-bar {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  height: 60px;
  background-color: #58c493;
}

.desktop-nav-bar.design {
  background-color: #589ac4;
}

.desktop-nav-bar._404 {
  background-image: -webkit-linear-gradient(323deg, #589ac4, #58c493);
  background-image: linear-gradient(127deg, #589ac4, #58c493);
}

._60px-nav-box {
  height: 60px;
  padding-top: 4px;
  float: right;
}

.logo-small {
  display: block;
  margin-top: 10px;
}

.landing-top-spacer {
  display: block;
}

.hover-image {
  height: 250px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: rgba(88, 196, 147, .8);
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  text-align: center;
  text-decoration: none;
}

.hover-image:hover {
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.hover-image.featured-hover {
  position: relative;
  z-index: 1;
  height: 500px;
  padding-top: 150px;
  padding-right: 100px;
  padding-left: 100px;
  opacity: 0;
}

.hover-image.featured-hover:hover {
  height: 500px;
  opacity: 1;
}

.hover-image.blog {
  background-color: rgba(0, 0, 0, .6);
}

.hover-image.fill-all {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  padding: 26px;
}

.image-blurb {
  color: #fff;
  font-size: 16px;
  line-height: 22px;
}

.image-blurb.featured-blurb {
  font-size: 21px;
  line-height: 30px;
  text-align: center;
}

.image-blurb.latest-news {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.landing-header {
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 100px;
  line-height: 100px;
  font-weight: 700;
  text-transform: uppercase;
}

.landing-message {
  padding-top: 160px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.landing-message.design {
  position: relative;
  top: 50%;
  padding-top: 60px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.header-blurb {
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
}

.arrow-holder {
  margin-top: 140px;
  text-align: center;
}

.arrow-box {
  display: inline-block;
  width: 60px;
  height: 60px;
  padding-top: 5px;
}

.arrow-anchor {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  height: 60px;
  margin-top: 116px;
}

.latest-news-one {
  display: block;
  height: 250px;
  background-image: url('../images/final_tree2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.latest-news-two {
  display: block;
  height: 250px;
  background-image: url('../images/heads.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.latest-news-three {
  display: block;
  height: 250px;
  background-image: url('../images/bee_final.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.drag-me-to-hell {
  display: block;
  height: 250px;
  background-image: url('../images/hell.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.tree-of-life {
  display: block;
  height: 250px;
  background-image: url('../images/final_tree2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.squid-head {
  display: block;
  height: 250px;
  background-image: url('../images/heads.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.latest-news-two-heading {
  margin-bottom: 30px;
  padding-top: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.latest-news-one-heading {
  margin-bottom: 30px;
  padding-top: 40px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.latest-news-three-heading {
  margin-bottom: 30px;
  padding-top: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  font-weight: 700;
}

.copyright-footer {
  width: 544px;
  padding-right: 30px;
  padding-bottom: 20px;
  float: right;
  text-align: right;
}

.social-icons {
  padding: 40px 40px 20px;
  background-color: #44997a;
}

.social-icons.design {
  background-color: #3d6b89;
}

.copyright {
  display: inline-block;
  padding-top: 55px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
}

.social-link {
  position: relative;
  display: block;
  max-width: 300px;
  margin-bottom: 20px;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
}

.social-link:hover {
  background-color: hsla(0, 0%, 100%, .2);
}

.featured-artwork-hero {
  height: 600px;
  background-image: url('../images/work-landing.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.latest-work-header {
  margin-bottom: 0px;
  padding-top: 90px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 21px;
  line-height: 26px;
  font-weight: 700;
  text-decoration: none;
}

.all-artwork-section {
  padding-bottom: 50px;
  background-color: #f2f2f2;
}

.all-artwork-container {
  margin-top: 0px;
  padding-top: 60px;
}

.featured-art {
  display: block;
  height: 500px;
  margin-bottom: 40px;
  background-color: #fff;
  background-image: url('../images/gold-00.jpg');
  background-position: 50% 50%;
  background-size: 421px;
  background-repeat: no-repeat;
  text-decoration: none;
}

.project-holder {
  margin-top: 20px;
}

.featured-work-text {
  padding-top: 240px;
}

.featured-work {
  margin-bottom: 10px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 26px;
  line-height: 26px;
  font-weight: 700;
  text-decoration: none;
}

.featured-title {
  margin-bottom: 50px;
  font-family: 'PT Sans', sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
}

.featured-title.new {
  margin-bottom: 0px;
}

.small-project {
  display: block;
}

.small-project.phantom-limbs {
  display: block;
  background-image: url('../images/limbs.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.small-project.traversing {
  display: block;
  background-image: url('../images/trip_small.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.small-project.boxes {
  display: block;
  background-image: url('../images/screen3_1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.small-project.holder {
  background-image: url('../images/example-bg.png');
  background-size: 125px;
  text-decoration: none;
}

.small-project.dust {
  display: block;
  background-image: url('../images/dust.jpg');
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
}

.small-project.skin {
  display: block;
  background-image: url('../images/small_skin.jpg');
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
}

.small-project.anesidora {
  background-image: url('../images/small_skin.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  text-decoration: none;
}

.small-project.still-stuck.w--current {
  background-image: url('../images/Final10_dark.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.small-project.still-stuck-small {
  background-image: url('../images/gold_small-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.small-project.still-stuck-small.w--current {
  background-image: url('../images/gold_small-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.newest {
  position: absolute;
  display: inline-block;
  height: 40px;
  padding-top: 11px;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #44997a;
}

.newest-text {
  color: #fff;
  font-size: 18px;
  letter-spacing: 1px;
}

.hero-image {
  height: 600px;
}

.hero-image.do-not-worry {
  background-image: url('../images/appendage_all.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.dnw1 {
  background-image: url('../images/mushroom_final_large.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.hero-image.dnw2 {
  background-image: url('../images/heads_large-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.hero-image.dnw3 {
  background-image: url('../images/swallow_large-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.dnw4 {
  background-image: url('../images/bee_final_large_4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.dnw5 {
  background-image: url('../images/final_tree2_large_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.dnw6 {
  background-image: url('../images/hell_large_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.phantom-loins {
  background-image: url('../images/img404_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.pl1 {
  height: 700px;
  background-image: url('../images/fresnel1.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.pl2 {
  height: 700px;
  background-image: url('../images/img386_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.pl3 {
  height: 700px;
  background-image: url('../images/img393_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.pl4 {
  height: 700px;
  background-image: url('../images/img397_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.pl5 {
  height: 700px;
  background-image: url('../images/img395_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.traversing {
  background-image: url('../images/img433_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.tt1 {
  height: 400px;
  background-image: url('../images/trip_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.tt2 {
  background-image: url('../images/trip.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.boxes {
  background-image: url('../images/img406_2_dark-brown.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.bb1 {
  height: 800px;
  background-image: url('../images/img409_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.bb2 {
  height: 800px;
  background-image: url('../images/img415_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.bb3 {
  height: 800px;
  background-image: url('../images/img428_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.bb4 {
  height: 800px;
  background-image: url('../images/img429_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.about {
  height: 700px;
  background-image: url('../images/about.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.dust {
  background-image: url('../images/dust_all_off_center.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.hero-image.ad1 {
  background-image: url('../images/tank.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ad2 {
  background-image: url('../images/box1.jpg'), url('../images/example-bg.png');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.hero-image.ad3 {
  background-image: url('../images/oven_2_all.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ad4 {
  background-image: url('../images/spotlights.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ad5 {
  background-image: url('../images/flame2_2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.donate {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/contact.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/contact.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-image.skin {
  background-image: url('../images/skin.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.donate2 {
  height: 300px;
  background-image: url('../images/donate5.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.still-stuck {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('../images/combo-00.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('../images/combo-00.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-image.ssih-1 {
  background-image: url('../images/gold_detail-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ssih-2 {
  background-image: url('../images/gold_shine-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ssih-3 {
  background-image: url('../images/smoke_detail-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.ssih-4 {
  background-image: url('../images/smoke_shine-00.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.shop {
  background-color: #eee4d7;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('../images/shop.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)), url('../images/shop.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.hero-image.thank-you {
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/thank-you.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url('../images/thank-you.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
}

.hero-image.as1 {
  background-image: url('../images/wood2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.vd1 {
  position: relative;
  background-image: url('../images/wallpaper_floral1-3.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.hs1 {
  height: auto;
  padding: 30px 20px;
  background-color: #b3e2ee;
}

.hero-image.hs2 {
  height: auto;
  padding-top: 40px;
  padding-right: 20px;
  padding-left: 20px;
  background-color: #f3e4cd;
}

.hero-image.hs3 {
  background-image: url('../images/humane3.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: repeat-x;
}

.hero-image.hs4 {
  background-image: url('../images/humane4.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.hpss1 {
  height: 800px;
  background-image: url('../images/all-specs.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero-image.contact-design {
  background-image: url('../images/contact-design.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.artwork-description {
  padding-top: 20px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.button-text {
  font-size: 18px;
  font-weight: 700;
}

.previous_next-project {
  padding: 40px 20px;
  background-color: #f5f5f5;
}

.long-line {
  height: 1px;
  margin-bottom: 20px;
  background-color: #666;
}

.long-line.white-background {
  background-color: #fff;
}

.long-line._60pct {
  display: block;
  width: 60%;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto;
}

.project-title {
  margin-bottom: -8px;
}

.project-title.white {
  color: #fff;
}

.description {
  padding-top: 190px;
  padding-right: 120px;
  padding-left: 120px;
}

.top-spacer {
  height: 60px;
}

.artwork-holder {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #f5f5f5;
}

.artwork-holder.bottom {
  padding-bottom: 10px;
}

.artwork-holder.dark {
  background-color: #080605;
}

.artwork-holder.white-bg {
  display: block;
  background-color: #fff;
}

.artwork-holder.center {
  text-align: center;
}

.artwork-holder.design {
  padding-top: 50px;
  padding-right: 40px;
  padding-left: 40px;
}

.artwork-holder.design._w-bg {
  background-color: #fff;
}

.artwork-holder.design._w-bg.cut {
  padding-bottom: 0px;
}

.artwork-holder.design.cut-screen {
  background-color: #f5f5f5;
}

.artwork-holder.design-about {
  padding-top: 50px;
}

.art-title {
  margin-bottom: -15px;
}

.white {
  color: #fff;
}

.white.featured {
  margin-top: 0px;
  margin-bottom: 30px;
}

.center-image {
  display: block;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
}

.center-image._50pct._515 {
  width: 100%;
  max-width: 515px;
}

.center-image.v-days {
  position: relative;
}

.center-image.hs {
  margin-bottom: 0px;
}

.center-image.mercer {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.center-image.logos {
  position: relative;
  top: 50%;
  width: 100%;
  max-width: 1220px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.center-image.costume {
  width: 100%;
  max-width: 1220px;
}

.center-image._114 {
  width: 100%;
  max-width: 114px;
}

.center-image._1220 {
  width: 100%;
  max-width: 1220px;
}

.index-header-old {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: block;
  height: 110px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #fefefe;
  text-align: center;
}

.index-logo {
  display: inline;
  margin-right: 10px;
  margin-left: 10px;
}

.index-header-text {
  display: block;
  color: #4c4c4c;
  line-height: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}

._200px-left {
  display: inline-block;
  width: 200px;
  text-align: right;
}

._200px-right {
  display: inline-block;
  width: 200px;
  text-align: left;
}

.sites {
  height: 500px;
}

.art-site {
  display: block;
  height: 100%;
  background-image: none;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  text-decoration: none;
}

.art-site:hover {
  background-color: #58c493;
  background-image: none;
}

.design-site {
  display: block;
  height: 100%;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  text-decoration: none;
}

.design-site:hover {
  background-color: #589ac4;
}

.blog-site {
  display: block;
  height: 100%;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #353535;
  text-decoration: none;
}

.blog-site:hover {
  background-color: #58c493;
}

.index-footer-old {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 100px;
  padding-top: 42px;
  padding-bottom: 42px;
  background-color: #fefefe;
  text-align: center;
}

.index-copyright {
  position: static;
  display: block;
  color: #4c4c4c;
  line-height: 16px;
}

.index-left {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-image: -webkit-linear-gradient(270deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), url('../images/video-still.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)), url('../images/video-still.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.index-center {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #589ac4;
  background-image: url('../images/design.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.index-right {
  height: 100%;
  padding-right: 0px;
  padding-left: 0px;
  background-color: #353535;
  background-image: url('../images/blog4.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.left-dot-old {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  z-index: 1;
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

.dot-right {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  z-index: 1;
  width: 20px;
  height: 20px;
  float: right;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%);
}

.index-text-old {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  display: block;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.index-text-old.dot {
  padding-right: 20px;
}

.contact {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #f5f5f5;
}

.form-holder {
  padding-right: 20px;
}

.input {
  height: 60px;
  margin-bottom: 20px;
  border-radius: 0px;
  background-color: #fff;
}

.input.message {
  height: 240px;
}

.message-input {
  display: block;
  margin-bottom: 20px;
}

.message-input.message {
  height: 240px;
  border-radius: 0px;
}

.dark-test {
  background-color: #1e0f0e;
}

._w-iframe {
  height: 100%;
}

.site-holders {
  height: 100%;
}

.design-placeholder {
  height: 100%;
  background-color: #589ac4;
  background-image: url('../images/design.jpg');
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

.placeholder-for-text {
  position: relative;
  left: 0px;
  top: 50%;
  right: 0px;
  padding-top: 29px;
  padding-bottom: 29px;
  background-color: hsla(0, 0%, 96%, .95);
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

.design-link {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #589ac4;
  text-decoration: none;
}

.design-link:hover {
  color: #3d7ea6;
}

.placeholder {
  margin-bottom: 0px;
  text-align: center;
}

.myposts {
  height: 100%;
  float: left;
}

.success-message {
  padding-top: 60px;
  padding-bottom: 40px;
  background-color: #58c493;
  color: #fff;
  text-align: center;
}

.error-message {
  margin-top: 20px;
  padding-top: 20px;
  background-color: rgba(153, 0, 0, .81);
  color: #fff;
  text-align: center;
}

.art-link {
  -webkit-transition: color 200ms ease;
  transition: color 200ms ease;
  color: #58c493;
  text-decoration: none;
  cursor: pointer;
}

.art-link:hover {
  color: #44997a;
}

.art-link._404 {
  text-decoration: none;
}

.projects-footer {
  padding-bottom: 80px;
}

.my-intro {
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center;
}

.open-popup {
  position: relative;
  z-index: 3;
  display: inline-block;
  padding: 20px 30px;
  border: 0px solid #000;
  border-radius: 0px;
  background-color: #44997a;
  box-shadow: 10px 0 0 0 #58c493;
  -webkit-transition: background-color 200ms ease, box-shadow 200ms ease;
  transition: background-color 200ms ease, box-shadow 200ms ease;
  color: #fff;
  font-weight: 700;
}

.open-popup:hover {
  background-color: #58c493;
  box-shadow: 0 0 0 0 #58c493;
}

.blog-post-header {
  margin-top: 7px;
  margin-bottom: 4px;
  color: #58c493;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.art-sale-white {
  background-color: #fff;
}

.art-sale-white.center {
  text-align: center;
}

.price {
  margin-bottom: 18px;
  font-size: 40px;
  line-height: 40px;
  font-weight: 700;
}

.price.sold-out {
  color: #e6e6e6;
  font-weight: 700;
}

.pound-sign {
  font-size: 21px;
}

.edition {
  display: block;
  margin-bottom: 0px;
  font-weight: 100;
}

.zika-logo-holder {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 120px;
  display: block;
  width: 240px;
  height: 240px;
  margin-right: auto;
  margin-bottom: -90px;
  margin-left: auto;
  padding-top: 7px;
  border-radius: 400px;
  background-color: #fff;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .2);
}

.zika-logo {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.no-more-zika {
  position: relative;
  display: block;
  margin-right: auto;
  margin-bottom: 8px;
  margin-left: auto;
  opacity: 0.9;
}

.vertical-center {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.product-holder {
  padding-bottom: 40px;
}

.product {
  width: 80%;
}

.bar-five {
  height: 6px;
  background-color: #fff;
}

.view-artwork {
  position: relative;
  display: block;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 26px;
  background-image: url('../images/small-fresnel.jpg');
  background-position: 50% 0px;
  background-size: cover;
  color: #fff;
}

.view-artwork:hover {
  background-image: url('../images/small-fresnel.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.ghost-button {
  height: auto;
  padding: 20px 30px;
  border: 2px solid #fff;
  -webkit-transition: background-color 300ms ease;
  transition: background-color 300ms ease;
  color: #fff;
  font-weight: 700;
}

.ghost-button:hover {
  background-color: hsla(0, 0%, 100%, .2);
}

.ghost-button.view-a {
  position: relative;
  top: 50%;
  display: block;
  width: auto;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
  border-width: 6px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.ghost-button.view-a:hover {
  background-color: transparent;
}

.view-artwork-text {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  font-size: 28px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.view-artwork-text.blog-header {
  position: relative;
  top: auto;
  display: block;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  line-height: 28px;
}

.social-text {
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  line-height: 16px;
  font-weight: 700;
}

.social-image {
  margin-right: 10px;
}

.mailing-list-text {
  margin-top: 40px;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  line-height: 26px;
}

.white-link {
  color: #fff;
  text-decoration: underline;
}

.footer-row {
  position: relative;
}

.form-column {
  padding-right: 20px;
}

.design-projects-holder {
  padding-top: 0px;
  padding-bottom: 20px;
  background-image: -webkit-linear-gradient(270deg, #589ac4, #3d6b89);
  background-image: linear-gradient(180deg, #589ac4, #3d6b89);
}

.design-project {
  position: relative;
  display: block;
  height: 130px;
  border-bottom: 1px solid #2eb8e4;
  background-color: transparent;
}

.design-project-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(9, 25, 37, .5);
  opacity: 0;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
}

.design-project-hover:hover {
  opacity: 1;
}

.design-project-header {
  position: relative;
  z-index: 2;
  display: inline-block;
  color: #fff;
  font-size: 50px;
  line-height: 40px;
}

.design-project-image {
  position: absolute;
  top: -21px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 700px;
  margin-right: 20px;
}

.design-project-image.push-left {
  margin-right: 66px;
}

.design-project-image._1 {
  top: -21px;
}

.design-project-image._2 {
  width: 700px;
}

.design-project-container {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.form-row {
  margin-bottom: 40px;
}

.design-hover-image-container {
  position: relative;
}

.contact-social-column {
  padding: 40px 40px 20px;
  background-color: #44997a;
}

.contact-social-column.design {
  background-color: #3d6b89;
}

.mosquito-header {
  text-align: center;
}

._404-holder {
  position: relative;
  width: 100%;
  height: 100%;
}

._404-message {
  position: relative;
  top: 50%;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

._404-logo {
  margin-bottom: 30px;
}

.slide-show-product {
  position: relative;
  width: 80%;
}

.slide-show-product.no-resize {
  width: auto;
}

.sold-out-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, .7);
}

.sold-out-text {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  color: #666;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  text-transform: uppercase;
}

.view-shop {
  position: relative;
  display: block;
  height: 400px;
  margin-right: auto;
  margin-left: auto;
  padding: 26px;
  background-image: url('../images/view-shop.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.design-hero {
  position: relative;
  height: 800px;
}

.design-hero.audiosteam {
  padding-right: 20px;
  padding-left: 20px;
  background-color: #49471b;
  background-image: url('../images/wood-opt.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.design-hero.v-days {
  height: 730px;
  padding-top: 60px;
  background-color: #244122;
}

.design-hero.sportpost {
  background-image: url('../images/sportpost-hero.jpg');
  background-position: 50% 60px;
  background-size: auto;
  background-repeat: no-repeat;
}

.design-hero.humane-society {
  background-color: #fff;
  background-image: url('../images/humane-logo.svg');
  background-position: 50% 50%;
  background-size: 150%;
  background-repeat: no-repeat;
}

.design-hero.spectre-specs {
  background-color: #e24453;
  background-image: url('../images/pattern.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.design-hero.mercer {
  padding-right: 40px;
  padding-left: 40px;
  background-color: #fff;
}

.design-hero.costume-design {
  height: auto;
  padding-top: 60px;
  padding-right: 70px;
  padding-left: 70px;
  background-color: #fff;
}

.design-hero.disney {
  background-color: #11202a;
  background-image: url('../images/queen-of-hearts-opt.jpg');
  background-position: 50% 63px;
  background-size: cover;
  background-repeat: no-repeat;
}

.design-hero.logos {
  padding-top: 0px;
  padding-right: 159px;
  padding-left: 159px;
  background-color: #fff;
}

.design-hero.runpath {
  padding-right: 40px;
  padding-left: 40px;
  background-color: #3c454b;
  background-image: -webkit-linear-gradient(270deg, rgba(35, 35, 35, .6), rgba(35, 35, 35, .6)), url('../images/brick-opt.jpg');
  background-image: linear-gradient(180deg, rgba(35, 35, 35, .6), rgba(35, 35, 35, .6)), url('../images/brick-opt.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.design-hero.lovemoney {
  height: 600px;
  padding-top: 50px;
  background-image: url('../images/lm-bg.jpg');
  background-position: 50% 50%;
  background-size: auto;
}

.design-hero.ryfb {
  padding-right: 40px;
  padding-left: 40px;
  background-color: #d7d8bf;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('../images/plant.jpg');
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .1)), url('../images/plant.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.design-hero.lovefood {
  background-color: #fcd75e;
  background-image: url('../images/hero.jpg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.hero-logo-holder {
  position: relative;
  top: 50%;
  padding-top: 60px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

.intro-text-column-left {
  padding-right: 30px;
  padding-bottom: 30px;
}

.intro-text-column-right {
  padding-bottom: 30px;
  padding-left: 30px;
}

.challenge-header {
  margin-top: 20px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: none;
}

.design-title {
  margin-bottom: -5px;
  font-size: 36px;
  font-weight: 400;
}

.porthole-image {
  position: relative;
  top: 50%;
  display: block;
  margin-right: auto;
  margin-left: auto;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
}

.colour-block {
  display: inline-block;
  width: 80px;
  height: 80px;
  margin-right: 30px;
  margin-bottom: 20px;
}

.colour-block.d90e0e {
  display: inline-block;
  margin-right: 30px;
  background-color: #d90e0e;
}

.colour-block._65e86d {
  background-color: #65e86d;
}

.colour-block.efe295 {
  background-color: #efe295;
}

.colour-block._17220b {
  background-color: #17220b;
}

.colour-block.c4dec4 {
  background-color: #c4dec4;
}

.colour-block.f8ffd6 {
  background-color: #f8ffd6;
}

.colour-block._5f8968 {
  background-color: #5f8968;
}

.colour-block._12a4fa {
  background-color: #12a4fa;
}

.colour-block._32393f {
  background-color: #32393f;
}

.colour-block.f4f3f2 {
  background-color: #f4f3f2;
}

.colour-block.ff8e2f {
  background-color: #ff8e2f;
}

.colour-block._7f2a3e {
  background-color: #7f2a3e;
}

.colour-block._7c2260 {
  background-color: #7c2260;
}

.colour-block.e24453 {
  background-color: #e24453;
}

.colour-block.ec0b7c {
  background-color: #ec0b7c;
}

.colour-block.f48e9d {
  background-color: #f48e9d;
}

.colour-block.d9b9a9 {
  background-color: #d9b9a9;
}

.colour-block._00a9c9 {
  background-color: #00a9c9;
}

.colour-block._253572 {
  background-color: #253572;
}

.colour-block._036e9f {
  background-color: #036e9f;
}

.colour-block.a9deec {
  background-color: #a9deec;
}

.colour-block._418793 {
  background-color: #418793;
}

.colour-block._258d68 {
  background-color: #258d68;
}

.colour-block.eb4811 {
  background-color: #eb4811;
}

.colour-block.f1127d {
  background-color: #f1127d;
}

.colour-block.c9222a {
  background-color: #c9222a;
}

.colour-block.fe8802 {
  background-color: #fe8802;
}

.colour-block._232323 {
  background-color: #232323;
}

.colour-block.left-half {
  width: 50%;
  height: 100%;
  margin-right: 0px;
  float: left;
}

.colour-block.left-half._362f2d {
  background-color: #362f2d;
}

.colour-block.left-half.f1c947 {
  background-color: #f1c947;
}

.colour-block.left-half.f37300 {
  background-color: #f37300;
}

.colour-block.left-half.ae1a13 {
  background-color: #ae1a13;
}

.colour-block.left-half._256230 {
  background-color: #256230;
}

.colour-block.left-half._3d2f79 {
  background-color: #3d2f79;
}

.colour-block.left-half.af193d {
  background-color: #af193d;
}

.colour-block.left-half._3c507c {
  background-color: #3c507c;
}

.colour-block.left-half._4d8133 {
  background-color: #4d8133;
}

.colour-block.left-half._5f2e47 {
  background-color: #5f2e47;
}

.colour-block.left-half.b73c63 {
  background-color: #b73c63;
}

.colour-block.right-half {
  width: 50%;
  height: 100%;
  margin-right: 0px;
}

.colour-block.right-half._655855 {
  display: inline-block;
  background-color: #655855;
}

.colour-block.right-half.f9df53 {
  background-color: #f9df53;
}

.colour-block.right-half.fc9c00 {
  background-color: #fc9c00;
}

.colour-block.right-half.d7241a {
  background-color: #d7241a;
}

.colour-block.right-half._338642 {
  background-color: #338642;
}

.colour-block.right-half._5440a3 {
  background-color: #5440a3;
}

.colour-block.right-half._526ea7 {
  background-color: #526ea7;
}

.colour-block.right-half.d82254 {
  background-color: #d82254;
}

.colour-block.right-half._6aac46 {
  background-color: #6aac46;
}

.colour-block.right-half._823f61 {
  background-color: #823f61;
}

.colour-block.right-half.de5288 {
  background-color: #de5288;
}

.colour-block._00ffff {
  background-color: cyan;
}

.colour-block.ffed0a {
  background-color: #ffed0a;
}

.colour-block.ee1093 {
  background-color: #ee1093;
}

.colour-block._00adef {
  background-color: #00adef;
}

.colour-block._000000 {
  background-color: #000;
}

.colour-block.fcd75e {
  background-color: #fcd75e;
}

.colour-block._3c2415 {
  background-color: #3c2415;
}

.colour-block.d04290 {
  background-color: #d04290;
}

.colour-block.ec171b {
  background-color: #ec171b;
}

.colour-block._6491cc {
  background-color: #6491cc;
}

.colour-block.f37021 {
  background-color: #f37021;
}

.colour-block._7951a1 {
  background-color: #7951a1;
}

.colour-block.d2962a {
  background-color: #d2962a;
}

.colour-block.a0b47b {
  background-color: #a0b47b;
}

.bottom-shadow-box {
  position: relative;
  z-index: 4;
  height: 20px;
  background-color: #f5f5f5;
  box-shadow: 0 -11px 16px 0 rgba(0, 0, 0, .15);
}

.bottom-shadow-box.white {
  background-color: #fff;
}

.bottom-shadow-box.white._30px {
  margin-bottom: 30px;
}

.cut-image {
  display: block;
  width: 100%;
  max-width: 1220px;
  margin-right: auto;
  margin-left: auto;
}

.cut-image._1024 {
  max-width: 1024px;
}

.cut-image._900 {
  max-width: 900px;
}

.cut-image._1200 {
  max-width: 1200px;
}

.v-days-tape {
  position: relative;
  top: 50%;
  -webkit-transform: translate(-79px, -50%);
  -ms-transform: translate(-79px, -50%);
  transform: translate(-79px, -50%);
}

.blog-header-holder {
  position: relative;
  margin-bottom: 40px;
  padding: 10px;
  background-color: #44997a;
}

.white-line-blog-box {
  position: relative;
  margin-bottom: 40px;
  border: 3px solid #58c493;
}

.mailing-list-paragraph {
  margin-bottom: 6px;
}

.mailing-list-paragraph.bottom {
  margin-bottom: 30px;
}

.bottom-margin {
  margin-bottom: 50px;
}

.design-about-text {
  padding-right: 140px;
  padding-left: 140px;
}

.client-logo {
  top: 50%;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  text-align: center;
}

.client-logo-row {
  position: relative;
  height: 120px;
  margin-bottom: 10px;
}

.index-header {
  height: 114px;
  padding-top: 17px;
  padding-bottom: 17px;
  text-align: center;
}

.index-footer {
  padding-top: 42px;
  padding-bottom: 42px;
  text-align: center;
}

.holder-sites {
  height: 480px;
}

.section-intro {
  padding: 60px 48px;
}

.text-h1-intro {
  margin-bottom: 25px;
  color: #4c4c4c;
  font-size: 60px;
  line-height: 72px;
  text-transform: none;
}

.text-h2-intro {
  margin-bottom: 31px;
  text-align: center;
}

.text-h2-intro.center {
  display: inline-block;
  margin-bottom: 6px;
  color: #4c4c4c;
}

.text-h2-intro.center.design {
  color: #589ac4;
  font-weight: 700;
}

.text-h2-intro.center.art {
  color: #58c493;
  font-weight: 700;
}

.text-h2-intro.left {
  display: inline-block;
  margin-bottom: 6px;
  color: #4c4c4c;
  text-align: left;
}

.holder-top-intro {
  display: block;
  max-width: 912px;
  margin-right: auto;
  margin-left: auto;
}

.holder-top-intro.design {
  margin-bottom: 59px;
}

.text-intro {
  margin-bottom: 12px;
  line-height: 24px;
  text-align: left;
}

.text-intro.bottom {
  margin-bottom: 58px;
}

.text-intro.button-distance {
  margin-bottom: 29px;
}

.baseline {
  position: absolute;
  z-index: 12;
  display: none;
  width: 100%;
  height: 3300px;
  background-image: url('../images/baseline.png');
  background-position: 50% 0px;
  background-size: auto;
  background-attachment: scroll;
}

.hr {
  height: 1px;
  margin-bottom: 54px;
  background-color: #666;
}

.holder-sites-info {
  display: block;
  max-width: 1152px;
  margin-right: auto;
  margin-left: auto;
}

.holder-design-info {
  padding-right: 24px;
  padding-left: 24px;
  text-align: right;
}

.holder-art-info {
  padding-right: 24px;
  padding-left: 24px;
}

.holder-design-header {
  position: relative;
  top: 0px;
  right: 0px;
  display: inline-block;
}

.bar-design {
  height: 6px;
  margin-bottom: 31px;
  background-color: #589ac4;
}

.holder-art-header {
  position: relative;
  display: inline-block;
}

.bar-art {
  height: 6px;
  margin-bottom: 31px;
  background-color: #58c493;
}

.center-dot {
  position: relative;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 20px;
  float: left;
  border-radius: 100%;
  background-color: #fff;
  -webkit-transform: translate(-10px, -50%);
  -ms-transform: translate(-10px, -50%);
  transform: translate(-10px, -50%);
}

.index-text {
  position: relative;
  top: 50%;
  -webkit-transform: translate(0px, -50%);
  -ms-transform: translate(0px, -50%);
  transform: translate(0px, -50%);
  color: #fff;
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.index-text.dot {
  padding-right: 20px;
}

.h5-about {
  font-weight: 400;
}

._632 {
  width: 100%;
  max-width: 632px;
}

html.w-mod-js *[data-ix="no-display"] {
  display: none;
}

html.w-mod-js *[data-ix="image-hover"] {
  opacity: 0;
}

html.w-mod-js *[data-ix="show-nav-bar-other-pages"] {
  display: none;
  -webkit-transform: translate(0px, -62px);
  -ms-transform: translate(0px, -62px);
  transform: translate(0px, -62px);
}

html.w-mod-js *[data-ix="no-displayopacity"] {
  display: none;
  opacity: 0;
}

html.w-mod-js *[data-ix="body-fade-in"] {
  opacity: 0;
}

@media (max-width: 991px) {
  h1 {
    font-weight: 400;
  }
  .button.featured-button.design:hover {
    background-color: #3d6b89;
    box-shadow: 10px 0 0 0 #589ac4;
  }
  .button.touch-button {
    display: block;
    width: 200px;
  }
  .button.all-projects {
    -webkit-transition: background-color 200ms ease, all 500ms ease;
    transition: background-color 200ms ease, all 500ms ease;
  }
  .button.left-project-touch {
    display: block;
    height: auto;
    background-color: #44997a;
    box-shadow: -10px 0 0 0 #58c493;
  }
  .button.left-project-touch.design {
    background-color: #3d6b89;
    box-shadow: -10px 0 0 0 #589ac4;
  }
  .button.all-projects-touch {
    display: block;
    height: auto;
    background-color: #44997a;
    box-shadow: 0 10px 0 0 #58c493;
  }
  .button.all-projects-touch.design {
    background-color: #3d6b89;
    box-shadow: 0 10px 0 0 #589ac4;
  }
  .button.right-project-touch {
    display: block;
    height: auto;
    background-color: #44997a;
    box-shadow: 10px 0 0 0 #58c493;
  }
  .button.right-project-touch.design {
    background-color: #3d6b89;
    box-shadow: 10px 0 0 0 #589ac4;
  }
  .landing_header {
    height: 500px;
  }
  .landing_link {
    height: 60px;
    margin-right: 10px;
    margin-left: 10px;
    padding: 22px 20px 0px;
    float: none;
  }
  .latest_news {
    padding-bottom: 0px;
  }
  .tab-fix-nav {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 60px;
    background-color: #58c493;
  }
  .tab-fix-nav.design {
    background-color: #589ac4;
  }
  .tab-fix-nav._404 {
    background-image: -webkit-linear-gradient(323deg, #589ac4, #58c493);
    background-image: linear-gradient(127deg, #589ac4, #58c493);
  }
  .menu-button {
    width: 60px;
    height: 60px;
    padding: 16px 10px;
  }
  .menu-button.w--open {
    background-color: #44997a;
  }
  .menu-button.design.w--open {
    background-color: #3d6b89;
  }
  .menu-button._404.w--open {
    background-color: transparent;
  }
  .icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
  }
  .landing-top-spacer {
    height: 60px;
  }
  .hover-image.fill-all:hover {
    opacity: 0;
  }
  .image-blurb.latest-news {
    padding-right: 10px;
    padding-left: 10px;
  }
  .landing-header {
    font-size: 70px;
    line-height: 70px;
  }
  .landing-message {
    padding-top: 160px;
  }
  .header-blurb {
    font-size: 18px;
    line-height: 18px;
  }
  .latest-news-one {
    height: 200px;
  }
  .latest-news-two {
    height: 200px;
  }
  .latest-news-three {
    height: 200px;
  }
  .drag-me-to-hell {
    height: 150px;
  }
  .tree-of-life {
    height: 150px;
  }
  .squid-head {
    height: 150px;
  }
  .latest-news-two-heading {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
  }
  .latest-news-one-heading {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
  }
  .latest-news-three-heading {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
  }
  .copyright-footer {
    width: auto;
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 10px;
    float: none;
    text-align: right;
  }
  .social-icons {
    padding-right: 20px;
    padding-left: 20px;
  }
  .copyright {
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 15px;
  }
  .social-link {
    max-width: none;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 10px;
  }
  .social-link:hover {
    background-color: transparent;
  }
  .drop-down {
    height: 60px;
    background-color: #44997a;
    text-align: center;
  }
  .drop-down.design {
    border-bottom: 1px solid #2eb8e4;
    background-color: #3d6b89;
  }
  .drop-down._404 {
    background-image: -webkit-linear-gradient(323deg, #589ac4, #58c493);
    background-image: linear-gradient(127deg, #589ac4, #58c493);
  }
  .featured-artwork-hero {
    height: 420px;
  }
  .latest-work-header-shown {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: 'PT Sans', sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    text-align: center;
  }
  .latest-work-header-shown.featured-header-shown {
    margin-bottom: 30px;
    padding-top: 10px;
    font-size: 21px;
    line-height: 26px;
  }
  .all-artwork-container {
    padding-top: 50px;
  }
  .featured-art {
    position: relative;
    display: block;
    height: 300px;
    margin-bottom: 40px;
    background-size: contain;
  }
  .featured-work-text {
    padding-top: 150px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .featured-work {
    margin-bottom: 0px;
    font-size: 18px;
  }
  .featured-title {
    font-size: 30px;
  }
  .small-project {
    height: 200px;
  }
  .touch-title-holder {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
    margin-right: 10px;
    margin-left: 10px;
    background-color: rgba(0, 0, 0, .6);
  }
  .touch-title-holder.blog {
    height: 50%;
    background-color: rgba(0, 0, 0, .6);
    text-align: center;
  }
  .touch-title-holder.new-project {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: rgba(0, 0, 0, .6);
  }
  .newest {
    display: inline-block;
    height: 40px;
    padding-top: 11px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #44997a;
  }
  .newest-text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
  }
  .hero-image {
    height: 520px;
  }
  .hero-image.do-not-worry {
    height: auto;
  }
  .hero-image.phantom-loins {
    height: auto;
  }
  .hero-image.pl1 {
    height: 520px;
  }
  .hero-image.pl2 {
    height: 520px;
  }
  .hero-image.pl3 {
    height: 520px;
  }
  .hero-image.pl4 {
    height: 520px;
  }
  .hero-image.pl5 {
    height: 520px;
  }
  .hero-image.traversing {
    height: auto;
  }
  .hero-image.tt1 {
    height: 300px;
  }
  .hero-image.tt2 {
    height: 400px;
  }
  .hero-image.boxes {
    height: auto;
  }
  .hero-image.bb1 {
    height: 520px;
  }
  .hero-image.bb2 {
    height: 520px;
  }
  .hero-image.bb3 {
    height: 520px;
  }
  .hero-image.bb4 {
    height: 520px;
  }
  .hero-image.about {
    height: 520px;
  }
  .hero-image.dust {
    height: auto;
  }
  .hero-image.donate {
    height: 400px;
  }
  .hero-image.skin {
    height: auto;
  }
  .hero-image.still-stuck {
    height: auto;
  }
  .hero-image.shop {
    height: auto;
  }
  .hero-image.thank-you {
    height: auto;
  }
  .hero-image.vd1 {
    height: 300px;
  }
  .hero-image.hpss1 {
    height: 400px;
  }
  .previous_next-project {
    padding-right: 40px;
    padding-left: 40px;
  }
  .project-button-holder {
    margin-right: 0px;
    margin-left: 0px;
  }
  .description {
    padding: 140px 60px 40px;
  }
  .artwork-holder.design {
    padding-right: 40px;
    padding-left: 40px;
  }
  .artwork-holder.design._w-bg.cut {
    padding-right: 40px;
    padding-left: 40px;
  }
  .center-image {
    display: block;
  }
  .center-image._50pct {
    width: 50%;
  }
  .center-image.v-days {
    margin-bottom: 0px;
  }
  .contact {
    padding: 30px 30px 20px;
  }
  .form-holder {
    padding-right: 0px;
  }
  .form {
    margin-left: 10px;
  }
  .art-site-tab {
    display: block;
    height: 100%;
    text-decoration: none;
  }
  .design-site-tab {
    display: block;
    height: 100%;
    text-decoration: none;
  }
  .art-link._404 {
    text-decoration: none;
  }
  .open-popup:hover {
    background-color: #44997a;
    box-shadow: 10px 0 0 0 #58c493;
  }
  .product {
    width: 100%;
  }
  .view-artwork {
    height: 300px;
  }
  .ghost-button:hover {
    background-color: transparent;
  }
  .mailing-list-text {
    margin-top: 20px;
  }
  .footer-row {
    margin-right: 0px;
    margin-left: 0px;
  }
  .form-column {
    padding-right: 40px;
    padding-left: 0px;
  }
  .design-project-hover {
    display: none;
    background-color: transparent;
    opacity: 1;
  }
  .design-project-header {
    font-size: 30px;
  }
  .design-project-header.view {
    float: right;
    font-size: 15px;
  }
  .design-project-image {
    top: 47px;
    width: 50%;
  }
  .form-row {
    position: relative;
    margin-right: auto;
    margin-left: auto;
  }
  .contact-social-column {
    padding: 30px 10px 10px;
  }
  .view-shop {
    height: 300px;
  }
  .design-hero.audiosteam {
    height: 600px;
  }
  .design-hero.v-days {
    height: auto;
    background-image: none;
  }
  .design-hero.sportpost {
    height: 600px;
  }
  .design-hero.humane-society {
    height: 440px;
  }
  .design-hero.spectre-specs {
    height: 600px;
  }
  .design-hero.mercer {
    height: 440px;
    padding-top: 20px;
    padding-right: 60px;
    padding-left: 60px;
  }
  .design-hero.costume-design {
    background-image: none;
  }
  .design-hero.disney {
    height: 600px;
  }
  .design-hero.logos {
    height: 600px;
    padding-right: 0px;
    padding-left: 0px;
  }
  .design-hero.runpath {
    height: 500px;
    padding-top: 60px;
  }
  .design-hero.lovemoney {
    height: 500px;
    padding-top: 60px;
  }
  .design-hero.ryfb {
    height: 600px;
  }
  .design-hero.lovefood {
    height: 600px;
    background-size: cover;
  }
  .hero-logo-holder {
    padding-right: 100px;
    padding-left: 100px;
  }
  .bottom-shadow-box {
    width: 100%;
  }
  .mailing-list-paragraph {
    margin-bottom: 6px;
  }
  .mailing-list-paragraph.bottom {
    margin-bottom: 30px;
  }
  .design-about-text {
    padding-right: 70px;
    padding-left: 70px;
  }
  .text-h1-intro {
    font-size: 52px;
    line-height: 60px;
    font-weight: 700;
  }
}

@media (max-width: 767px) {
  h1 {
    margin-bottom: 20px;
    font-size: 30px;
    text-align: center;
  }
  h2 {
    text-align: center;
  }
  h3 {
    text-align: center;
  }
  h4 {
    text-align: center;
  }
  h5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
  h6 {
    text-align: center;
  }
  p {
    font-size: 16px;
    line-height: 20px;
  }
  .button.featured-button.design {
    width: 100%;
  }
  .button.featured-button.index {
    display: block;
  }
  .button.left-project-touch {
    display: block;
  }
  .button.submit {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .landing_header {
    height: 240px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
  }
  .landing_link {
    padding-right: 15px;
    padding-left: 15px;
  }
  .latest_news {
    padding-right: 20px;
    padding-bottom: 0px;
    padding-left: 20px;
  }
  .header_holder {
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .latest_work {
    padding-top: 40px;
    padding-bottom: 80px;
  }
  .footer {
    height: auto;
  }
  .image-blurb.latest-news {
    text-align: center;
  }
  .landing-header {
    margin-bottom: 10px;
    font-size: 50px;
    line-height: 50px;
  }
  .landing-message {
    padding-top: 80px;
  }
  .header-blurb {
    font-size: 18px;
  }
  .latest-news-one {
    margin-bottom: 20px;
  }
  .latest-news-two {
    margin-bottom: 20px;
  }
  .latest-news-three {
    margin-bottom: 20px;
  }
  .latest-news-two-heading {
    margin-bottom: 20px;
  }
  .latest-news-one-heading {
    margin-bottom: 20px;
  }
  .latest-news-three-heading {
    margin-bottom: 20px;
  }
  .copyright-footer {
    width: auto;
    padding: 20px 40px 40px;
    text-align: center;
  }
  .social-icons {
    height: auto;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 60px;
    text-align: center;
  }
  .copyright {
    display: inline-block;
    margin-right: 10px;
    margin-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
  }
  .social-link {
    display: inline-block;
    min-width: 180px;
    margin-right: 30px;
    margin-bottom: 20px;
    margin-left: 0px;
    font-size: 14px;
    text-align: left;
  }
  .drop-down {
    text-align: center;
  }
  .featured-artwork-hero {
    height: 400px;
    padding-right: 10px;
    padding-left: 10px;
  }
  .latest-work-header-shown {
    margin-bottom: 20px;
  }
  .latest-work-header-shown.featured-header-shown {
    font-size: 21px;
  }
  .all-artwork-container {
    padding-top: 40px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .featured-art {
    height: 280px;
    margin-right: 10px;
    margin-bottom: 40px;
    margin-left: 10px;
  }
  .project-holder {
    margin-top: 0px;
  }
  .small-project {
    margin-bottom: 20px;
  }
  .touch-title-holder {
    height: 45px;
    margin-bottom: 20px;
  }
  .touch-title-holder.new-project {
    margin-bottom: 0px;
  }
  .hero-image {
    height: 400px;
  }
  .hero-image.pl1 {
    height: 400px;
  }
  .hero-image.pl2 {
    height: 400px;
  }
  .hero-image.pl3 {
    height: 400px;
  }
  .hero-image.pl4 {
    height: 400px;
  }
  .hero-image.pl5 {
    height: 400px;
  }
  .hero-image.tt1 {
    height: 200px;
  }
  .hero-image.tt2 {
    height: 200px;
  }
  .hero-image.bb1 {
    height: 400px;
  }
  .hero-image.bb2 {
    height: 400px;
  }
  .hero-image.bb3 {
    height: 400px;
  }
  .hero-image.bb4 {
    height: 400px;
  }
  .hero-image.about {
    height: 400px;
  }
  .hero-image.donate {
    height: 300px;
  }
  .hero-image.still-stuck {
    height: auto;
  }
  .hero-image.as1 {
    height: 300px;
  }
  .hero-image.hs3 {
    height: 300px;
  }
  .hero-image.hs4 {
    height: 300px;
  }
  .hero-image.hpss1 {
    height: 300px;
  }
  .button-text {
    font-size: 14px;
  }
  .previous_next-project {
    padding-right: 20px;
    padding-left: 20px;
  }
  .description {
    padding: 100px 20px 20px;
  }
  .previous-arrow {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .next-arrow {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .all-projects-icon {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .artwork-holder {
    padding-right: 20px;
    padding-left: 20px;
  }
  .artwork-holder.design {
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: left;
  }
  .artwork-holder.design._w-bg.cut {
    padding-right: 20px;
    padding-left: 20px;
  }
  .center-image.mercer {
    padding-top: 30px;
  }
  .index-header-old {
    position: relative;
  }
  .index-header-text {
    font-size: 14px;
  }
  ._200px-left {
    width: 190px;
  }
  ._200px-right {
    width: 190px;
  }
  .sites {
    height: auto;
  }
  .art-site {
    height: 200px;
  }
  .design-site {
    height: 200px;
  }
  .blog-site {
    height: 200px;
  }
  .index-footer-old {
    position: relative;
  }
  .index-copyright {
    font-size: 14px;
  }
  .index-left {
    height: 200px;
  }
  .index-center {
    height: 200px;
  }
  .index-right {
    height: 200px;
  }
  .left-dot-old {
    left: 50%;
    top: 0%;
    float: left;
    -webkit-transform: translate(0px, 0%) translate(-50%, -10px);
    -ms-transform: translate(0px, 0%) translate(-50%, -10px);
    transform: translate(0px, 0%) translate(-50%, -10px);
  }
  .dot-right {
    left: -50%;
    top: 100%;
    float: right;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
  }
  .contact {
    padding-top: 20px;
  }
  .form {
    margin-bottom: 50px;
    margin-left: 0px;
  }
  .site-holders {
    height: auto;
  }
  .design-placeholder {
    height: 400px;
  }
  .art-site-tab {
    height: 200px;
  }
  .my-intro {
    padding: 40px;
  }
  .open-popup {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .welcome-header {
    font-size: 24px;
  }
  .blog-post-header {
    font-size: 22px;
  }
  .product-holder {
    padding-bottom: 90px;
  }
  .product {
    width: 60%;
  }
  .view-artwork {
    height: 140px;
    margin-bottom: 40px;
    background-position: 50% 0px;
  }
  .ghost-button {
    padding: 14px 20px;
  }
  .view-artwork-text {
    font-size: 20px;
  }
  .social-image {
    width: 40px;
  }
  .mailing-list-text {
    font-size: 16px;
    line-height: 20px;
  }
  .form-column {
    padding-right: 0px;
    padding-left: 0px;
  }
  .design-project {
    height: 90px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .design-project-header {
    font-size: 18px;
  }
  .contact-social-column {
    text-align: center;
  }
  .contact-column-2 {
    padding-right: 0px;
    padding-left: 0px;
  }
  ._404-logo {
    height: 80px;
  }
  .view-shop {
    height: 140px;
  }
  .design-hero {
    background-image: none;
  }
  .design-hero.v-days {
    height: auto;
  }
  .design-hero.sportpost {
    height: 440px;
  }
  .design-hero.humane-society {
    height: 440px;
    background-position: 50% 44%;
    background-size: 200%;
  }
  .design-hero.spectre-specs {
    height: 440px;
  }
  .design-hero.mercer {
    height: 440px;
  }
  .design-hero.disney {
    height: 440px;
  }
  .design-hero.logos {
    height: 440px;
  }
  .design-hero.runpath {
    height: 440px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .design-hero.lovemoney {
    height: 440px;
    padding-top: 30px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .design-hero.ryfb {
    height: 440px;
  }
  .design-hero.lovefood {
    height: 440px;
  }
  .hero-logo-holder {
    padding-right: 0px;
    padding-left: 0px;
  }
  .intro-text-column-left {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
  }
  .intro-text-column-right {
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
  }
  .challenge-header {
    text-align: left;
  }
  .design-title {
    font-size: 30px;
    text-align: center;
  }
  .porthole-image._50pct {
    width: 50%;
  }
  .colour-block {
    width: 60px;
    height: 60px;
  }
  .colour-block.left-half {
    width: 30px;
  }
  .colour-block.right-half {
    width: 30px;
  }
  .design-participation {
    text-align: left;
  }
  .client-logo {
    position: relative;
    top: 0px;
    height: 120px;
    margin-bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .client-logo-row {
    height: auto;
  }
  .m-client-logo {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }
  .holder-sites {
    height: auto;
  }
  .text-h1-intro {
    font-size: 36px;
    line-height: 42px;
    text-align: left;
  }
  .text-h2-intro.center.design {
    font-size: 24px;
    line-height: 24px;
  }
  .text-h2-intro.center.art {
    font-size: 24px;
    line-height: 24px;
  }
  .center-dot {
    left: 50%;
    top: 0px;
    -webkit-transform: translate(-50%, -10px);
    -ms-transform: translate(-50%, -10px);
    transform: translate(-50%, -10px);
  }
}

@media (max-width: 479px) {
  h1 {
    margin-bottom: 20px;
    font-size: 30px;
  }
  h2 {
    font-size: 21px;
  }
  h5 {
    font-size: 12px;
  }
  p {
    font-size: 14px;
    line-height: 18px;
  }
  .button.featured-button {
    display: block;
  }
  .button.touch-button {
    display: block;
    width: auto;
    margin-right: 10px;
  }
  .button.submit {
    width: 80%;
  }
  .landing_header {
    text-align: center;
  }
  .landing_link {
    display: block;
    margin: 10px 0px;
    border-top: 1px solid #58c493;
    border-bottom: 1px solid #58c493;
    text-align: center;
  }
  .landing_link.design {
    border-top-color: #589ac4;
    border-bottom-color: #589ac4;
  }
  .latest_news {
    padding-top: 15px;
    padding-bottom: 0px;
  }
  .header_holder {
    padding-top: 20px;
  }
  .latest_work {
    padding-top: 20px;
    padding-bottom: 60px;
  }
  .image-blurb.latest-news {
    text-align: left;
  }
  .landing-header {
    font-size: 36px;
    text-align: center;
  }
  .landing-header.design {
    font-size: 30px;
  }
  .header-blurb {
    font-size: 16px;
    line-height: 20px;
  }
  .copyright-footer {
    height: auto;
    padding-left: 30px;
  }
  .social-icons {
    height: auto;
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 40px;
    text-align: left;
  }
  .copyright {
    margin-right: 30px;
    padding-top: 8px;
    padding-bottom: 0px;
  }
  .social-link {
    display: block;
    min-width: 0px;
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .drop-down {
    height: 360px;
    text-align: center;
  }
  .drop-down.design {
    height: auto;
  }
  .drop-down._404 {
    height: auto;
  }
  .featured-artwork-hero {
    height: 400px;
  }
  .latest-work-header-shown.featured-header-shown {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 16px;
    line-height: 22px;
  }
  .all-artwork-container {
    padding-top: 31px;
  }
  .featured-art {
    height: 240px;
    margin-bottom: 30px;
  }
  .featured-work-text {
    padding-top: 130px;
  }
  .featured-work {
    font-size: 16px;
  }
  .featured-title {
    margin-bottom: 60px;
    font-size: 21px;
    line-height: 30px;
  }
  .touch-title-holder {
    height: 70px;
  }
  .touch-title-holder.new-project {
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 70px;
  }
  .newest {
    position: relative;
    display: block;
    padding-top: 12px;
  }
  .newest-text {
    font-size: 16px;
    text-align: center;
  }
  .hero-image {
    height: 400px;
  }
  .hero-image.do-not-worry {
    height: auto;
    background-position: 100% 50%;
  }
  .hero-image.dnw2 {
    background-position: 50% 50%;
  }
  .hero-image.dnw4 {
    background-position: 100% 50%;
  }
  .hero-image.dnw6 {
    background-position: 0px 50%;
  }
  .hero-image.pl1 {
    height: 300px;
  }
  .hero-image.pl2 {
    height: 300px;
  }
  .hero-image.pl3 {
    height: 300px;
  }
  .hero-image.pl4 {
    height: 300px;
  }
  .hero-image.pl5 {
    height: 300px;
  }
  .hero-image.tt1 {
    height: 150px;
  }
  .hero-image.bb1 {
    height: 250px;
  }
  .hero-image.bb2 {
    height: 250px;
  }
  .hero-image.bb3 {
    height: 250px;
  }
  .hero-image.bb4 {
    height: 250px;
  }
  .hero-image.about {
    background-position: 0px 50%;
  }
  .hero-image.ad2 {
    background-image: url('../images/box1.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .hero-image.ad3 {
    background-position: 0px 50%;
  }
  .hero-image.ad4 {
    background-position: 0px 50%;
  }
  .hero-image.donate {
    background-image: -webkit-linear-gradient(270deg, null, null), url('../images/contact.jpg');
    background-image: linear-gradient(180deg, null, null), url('../images/contact.jpg');
    background-position: 0px 0px, 0px 50%;
  }
  .hero-image.skin {
    background-position: 100% 50%;
  }
  .hero-image.still-stuck {
    height: auto;
  }
  .hero-image.vd1 {
    height: 200px;
  }
  .hero-image.hpss1 {
    height: 200px;
  }
  .description {
    padding-top: 90px;
  }
  .artwork-holder.center {
    text-align: left;
  }
  .artwork-holder.design {
    padding-right: 20px;
    padding-left: 20px;
  }
  .artwork-holder.design._w-bg.cut {
    padding-right: 20px;
    padding-left: 20px;
  }
  .art-title {
    margin-bottom: -10px;
    line-height: 24px;
  }
  .center-image.mercer {
    padding-top: 40px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }
  .center-image.logos {
    padding-top: 55px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .index-header-old {
    height: 90px;
  }
  .index-logo {
    display: block;
    height: 40px;
    margin-right: auto;
    margin-left: auto;
  }
  .index-header-text {
    font-size: 12px;
  }
  .index-header-text.smallest {
    margin-top: -10px;
  }
  .index-copyright {
    font-size: 12px;
  }
  .contact {
    padding-right: 20px;
    padding-left: 20px;
  }
  .form {
    margin-left: 0px;
  }
  .my-intro {
    padding: 20px;
  }
  .welcome-header {
    font-size: 18px;
    line-height: 24px;
  }
  .blog-post-header {
    margin-top: 3px;
    margin-bottom: 1px;
    font-size: 16px;
  }
  .price {
    font-size: 30px;
    line-height: 30px;
  }
  .no-more-zika {
    display: block;
  }
  .product {
    width: 100%;
  }
  .view-artwork {
    height: 100px;
  }
  .ghost-button.view-a:hover {
    background-color: transparent;
  }
  .view-artwork-text {
    position: absolute;
    left: 0px;
    top: 50%;
    right: 0px;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    font-size: 16px;
    line-height: 16px;
  }
  .form-column {
    padding-right: 0px;
    padding-left: 0px;
  }
  .contact-social-column {
    padding-right: 20px;
    padding-left: 20px;
  }
  .mosquito-header {
    font-size: 18px;
    line-height: 22px;
  }
  .view-shop {
    height: 100px;
  }
  .mobile-design-arrow {
    position: absolute;
    top: 50%;
    right: 0px;
    bottom: auto;
    display: inline-block;
    -webkit-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
  }
  .design-hero {
    background-image: none;
  }
  .design-hero.audiosteam {
    height: 400px;
  }
  .design-hero.sportpost {
    height: 240px;
    background-size: cover;
  }
  .design-hero.humane-society {
    height: 240px;
    background-position: 50% 44%;
    background-size: 300%;
  }
  .design-hero.spectre-specs {
    height: 240px;
  }
  .design-hero.mercer {
    height: 240px;
  }
  .design-hero.costume-design {
    height: 240px;
    padding-right: 5px;
    padding-left: 5px;
    background-image: none;
  }
  .design-hero.disney {
    height: 240px;
  }
  .design-hero.logos {
    height: 240px;
  }
  .design-hero.runpath {
    height: 240px;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
  }
  .design-hero.lovemoney {
    height: 240px;
    padding-top: 15px;
    padding-right: 100px;
    padding-left: 100px;
  }
  .design-hero.ryfb {
    height: 240px;
    padding-right: 40px;
    padding-left: 40px;
  }
  .design-hero.lovefood {
    height: 340px;
  }
  .intro-text-column-right {
    padding-bottom: 10px;
  }
  .design-title {
    margin-bottom: -8px;
  }
  .porthole-image._50pct {
    width: 80%;
  }
  .colour-block {
    width: 40px;
    height: 40px;
  }
  .colour-block.left-half {
    width: 20px;
  }
  .colour-block.right-half {
    width: 20px;
  }
  .design-about-text {
    padding-right: 20px;
    padding-left: 20px;
  }
  .client-logo {
    height: 80px;
  }
  .section-intro {
    padding-right: 24px;
    padding-left: 24px;
  }
  .text-h2-intro.center.design {
    font-size: 18px;
    text-align: left;
  }
  .text-h2-intro.center.art {
    font-size: 18px;
    text-align: left;
  }
  .index-text {
    font-size: 42px;
  }
}