.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 28px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
/*
 * DIAGNOSTICS.CSS
 *
 * Utility styles for debugging
 * and diagnosing by Sean Juarez
 *
 */
/*============== ALL ==============*/
/* BORDER on all child elements */
.b-all * {
  border: solid 1px rgba(0, 0, 0, 0.3);
}
/* BACKGROUND on all child elements */
.bg-all * {
  background-color: rgba(0, 0, 0, 0.05);
}
/* BOX-SIZING on all child elements */
.box-all * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*=========== BOX-SIZING ===========*/
.box {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*============ BORDERS ============*/
/* gray */
.b {
  border: solid 1px rgba(0, 0, 0, 0.3);
}
/* blue */
.b-b {
  border: solid 1px rgba(30, 144, 255, 0.6);
}
/* red */
.b-r {
  border: solid 1px rgba(220, 20, 60, 0.5);
}
/* dashed */
.dash {
  border-style: dashed;
}
/* dotted */
.dot {
  border-style: dotted;
}
/*========== BACKGROUNDS ==========*/
/* gray */
.bg {
  background-color: rgba(0, 0, 0, 0.05);
}
/* blue */
.bg-b {
  background-color: rgba(30, 144, 255, 0.15);
}
/* light blue */
.bg-b-l {
  background-color: rgba(30, 144, 255, 0.07);
}
/* red */
.bg-r {
  background-color: rgba(220, 20, 60, 0.1) !important;
}
/* light red */
.bg-r-l {
  background-color: rgba(220, 20, 60, 0.05) !important;
}
/* border-red; bg-red; box */
.works {
  border: solid 1px rgba(220, 20, 60, 0.4);
  background-color: rgba(220, 20, 60, 0.1);
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*========= MEDIA QUERIES =========*/
.q-box {
  padding: 2px 7px 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
  position: fixed;
  bottom: 7px;
  left: 7px;
  color: rgba(0, 0, 0, 0.6);
  font-weight: bold;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: rgba(220, 220, 220, 0.7);
}
/*
 * RETINA � output "@2x"
 */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
  .retina:before {
    content: "@2x - ";
  }
}
/*
 * QUERY � output media query
 */
/* mobile portrait */
@media only screen and (min-width: 320px) {
  .q-box:after {
    content: "min-width: 320px";
  }
}
/* mobile landscape */
@media only screen and (min-width: 480px) {
  .q-box:after {
    content: "min-width: 480px";
  }
}
/* small tablet */
@media only screen and (min-width: 600px) {
  .q-box:after {
    content: "min-width: 600px";
  }
}
/* tablet / netbook */
@media only screen and (min-width: 768px) {
  .q-box:after {
    content: "min-width: 768px";
  }
}
/* landscape tablet / netbook / laptop */
@media only screen and (min-width: 1024px) {
  .q-box:after {
    content: "min-width: 1024px";
  }
}
/* HDTV */
@media only screen and (min-width: 1080px) {
  .q-box:after {
    content: "min-width: 1080px";
  }
}
/* desktop */
@media only screen and (min-width: 1280px) {
  .q-box:after {
    content: "min-width: 1280px";
  }
}
/* widescreen */
@media only screen and (min-width: 1400px) {
  .q-box:after {
    content: "min-width: 1400px";
  }
}
/* 
 * DEVICE NAMES � output current device for which query applies
 */
@media only screen and (min-width: 320px) {
  .q-box.device:after {
    content: "iPhone - Portrait";
  }
}
/* mobile landscape */
@media only screen and (min-width: 480px) {
  .q-box.device:after {
    content: "iPhone - Landscape";
  }
}
/* small tablet */
@media only screen and (min-width: 600px) {
  .q-box.device:after {
    content: "Kindle Fire - Portrait";
  }
}
/* tablet / netbook */
@media only screen and (min-width: 768px) {
  .q-box.device:after {
    content: "iPad - Portrait";
  }
}
/* landscape tablet / netbook / laptop */
@media only screen and (min-width: 1024px) {
  .q-box.device:after {
    content: "iPad - Landscape";
  }
}
/* HDTV */
@media only screen and (min-width: 1080px) {
  .q-box.device:after {
    content: "HDTV";
  }
}
/* desktop */
@media only screen and (min-width: 1280px) {
  .q-box.device:after {
    content: "Desktop";
  }
}
/* widescreen */
@media only screen and (min-width: 1400px) {
  .q-box.device:after {
    content: "Widescreen";
  }
}
/* 
 * ENGLISH � output the actual query in plain english
 */
@media only screen and (min-width: 320px) {
  .q-box.english:after {
    content: "iPhone Portrait and wider (320px)";
  }
}
/* mobile landscape */
@media only screen and (min-width: 480px) {
  .q-box.english:after {
    content: "iPhone Landscape and wider (640px)";
  }
}
/* small tablet */
@media only screen and (min-width: 600px) {
  .q-box.english:after {
    content: "Kindle Fire and wider (600px)";
  }
}
/* tablet / netbook */
@media only screen and (min-width: 768px) {
  .q-box.english:after {
    content: "iPad Portrait and wider (768px)";
  }
}
/* landscape tablet / netbook / laptop */
@media only screen and (min-width: 1024px) {
  .q-box.english:after {
    content: "iPad Landscape and wider (1024px)";
  }
}
/* HDTV */
@media only screen and (min-width: 1080px) {
  .q-box.english:after {
    content: "HDTV and wider (1080px)";
  }
}
/* desktop */
@media only screen and (min-width: 1280px) {
  .q-box.english:after {
    content: "Desktop computer and wider (1280px)";
  }
}
/* widescreen */
@media only screen and (min-width: 1400px) {
  .q-box.english:after {
    content: "Widescreen computer and wider (1400px)";
  }
}
/* 
 * SHOW WIDTH � resize q-box to visually indicate breakpoint
 */
.show-width {
  border: solid 1px rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  border-radius: 2px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  bottom: 0;
}
@media only screen and (min-width: 320px) {
  .show-width {
    width: 320px;
  }
}
/* mobile landscape */
@media only screen and (min-width: 480px) {
  .show-width {
    width: 480px;
  }
}
/* small tablet */
@media only screen and (min-width: 600px) {
  .show-width {
    width: 600px;
  }
}
/* tablet / netbook */
@media only screen and (min-width: 768px) {
  .show-width {
    width: 768px;
  }
}
/* landscape tablet / netbook / laptop */
@media only screen and (min-width: 1024px) {
  .show-width {
    width: 1024px;
  }
}
/* HDTV */
@media only screen and (min-width: 1080px) {
  .show-width {
    width: 1080px;
  }
}
/* desktop */
@media only screen and (min-width: 1280px) {
  .show-width {
    width: 1280px;
  }
}
/* widescreen */
@media only screen and (min-width: 1400px) {
  .show-width {
    width: 1400px;
  }
}
.th-icon-header {
  display: inline-block;
}
.th-icon-tinyhouse-small {
  height: 20px;
  width: 16px;
  background: url("../images/icons.gif");
  background-position: -40px 0px;
  margin: -8px 5px 0;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-document {
  height: 25px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -30px;
  margin-right: 6px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-shield {
  height: 25px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -60px;
  margin-right: 5px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-glasses {
  height: 13px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -90px;
  margin-right: 10px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-megaphone {
  height: 24px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -110px;
  margin-right: 10px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-megaphone-white {
  height: 24px;
  width: 33px;
  background: url("../images/icons-white.gif");
  background-position: 0 -110px;
  margin-right: 10px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-heart {
  height: 24px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -140px;
  margin-right: 6px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-lightbulb {
  height: 36px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -170px;
  margin-right: 10px;
  margin-top: -11px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-pencil {
  height: 34px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -210px;
  margin-right: 10px;
  margin-top: -10px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-computer {
  height: 29px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -250px;
  margin-right: 9px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-mail {
  height: 22px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -280px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-marker {
  height: 28px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -310px;
  margin-right: 2px;
  margin-top: -5px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-antenna {
  height: 40px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -340px;
  margin-right: 2px;
  margin-top: -12px;
  display: inline-block;
  vertical-align: top;
}
.th-icon-eye {
  height: 16px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -380px;
  margin-right: 6px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-phone {
  height: 40px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -400px;
  margin-right: 1px;
  margin-top: -8px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-label {
  height: 26px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -440px;
  margin-right: 3px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
}
.th-icon-box {
  height: 30px;
  width: 33px;
  background: url("../images/icons.gif");
  background-position: 0 -470px;
  margin-right: 8px;
  margin-top: -4px;
  display: inline-block;
  vertical-align: middle;
}
body {
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  text-transform: uppercase;
}
a {
  text-decoration: underline;
}
.page {
  width: 80%;
  margin: 0 auto;
}
.container-fluid {
  width: 80%;
  max-width: 1100px;
  margin: 0 auto;
}
@media only screen and (max-width: 600px) {
  .container-fluid {
    width: 90%;
  }
}
header {
  padding-top: 18px;
}
.logo {
  margin-top: 0.5em;
  font-weight: 100;
  text-transform: lowercase;
  letter-spacing: 1px;
}
.logo img {
  width: 215px;
}
nav {
  font-style: italic;
  font-size: 18px;
}
.nav-main {
  margin-top: 18px;
  /* margin: 0 18px; */

}
.nav-pills > li > a {
  margin-left: 15px;
  padding: 10px 12px 5px 10px;
  text-decoration: none;
}
.nav-pills > li > a:hover {
  background: none;
  text-decoration: none;
}
@media only screen and (max-width: 320px) {
  .nav-pills > li > a {
    margin-left: 0px;
  }
}
@media only screen and (max-width: 740px) {
  .container-header {
    width: 100%;
  }
  header {
    text-align: center;
  }
  .logo,
  .nav-main {
    display: inline-block;
    float: none;
  }
}
.something {
  height: 300px;
}
.carousel {
  margin: 4em auto;
}
.carousel-control {
  margin-top: 0;
  line-height: 46px;
}
.carousel-wrapper {
  position: relative;
  padding-bottom: 30%;
  height: 0;
}
.carousel-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.map {
  position: absolute;
  -webkit-animation: rotate 23s ease-in-out 0 infinite none;
  -moz-animation: rotate 23s ease-in-out 0 infinite none;
  -ms-animation: rotate 23s ease-in-out 0 infinite none;
  -o-animation: rotate 23s ease-in-out 0 infinite none;
  animation: rotate 23s ease-in-out 0 infinite none;
}
.map-text {
  position: absolute;
  z-index: 1;
  -webkit-animation: rotate2 23s ease-in-out 0 infinite none;
  -moz-animation: rotate2 23s ease-in-out 0 infinite none;
  -ms-animation: rotate2 23s ease-in-out 0 infinite none;
  -o-animation: rotate2 23s ease-in-out 0 infinite none;
  animation: rotate2 23s ease-in-out 0 infinite none;
}
.keyframes1 0% {
  top: 0;
}
.keyframes1 17.3% {
  top: 0;
}
.keyframes1 23% {
  top: -137%;
}
.keyframes1 42.3% {
  top: -137%;
}
.keyframes1 48% {
  top: -243%;
}
.keyframes1 67.3% {
  top: -243%;
}
.keyframes1 73% {
  top: -381%;
}
.keyframes1 92.3% {
  top: -381%;
}
.keyframes1 100% {
  top: 0%;
}
@-webkit-keyframes rotate {
  0% {
    top: 0;
  }
  17.3% {
    top: 0;
  }
  23% {
    top: -137%;
  }
  42.3% {
    top: -137%;
  }
  48% {
    top: -243%;
  }
  67.3% {
    top: -243%;
  }
  73% {
    top: -381%;
  }
  92.3% {
    top: -381%;
  }
  100% {
    top: 0%;
  }
}
@-moz-keyframes rotate {
  0% {
    top: 0;
  }
  17.3% {
    top: 0;
  }
  23% {
    top: -137%;
  }
  42.3% {
    top: -137%;
  }
  48% {
    top: -243%;
  }
  67.3% {
    top: -243%;
  }
  73% {
    top: -381%;
  }
  92.3% {
    top: -381%;
  }
  100% {
    top: 0%;
  }
}
@-ms-keyframes rotate {
  0% {
    top: 0;
  }
  17.3% {
    top: 0;
  }
  23% {
    top: -137%;
  }
  42.3% {
    top: -137%;
  }
  48% {
    top: -243%;
  }
  67.3% {
    top: -243%;
  }
  73% {
    top: -381%;
  }
  92.3% {
    top: -381%;
  }
  100% {
    top: 0%;
  }
}
@-o-keyframes rotate {
  0% {
    top: 0;
  }
  17.3% {
    top: 0;
  }
  23% {
    top: -137%;
  }
  42.3% {
    top: -137%;
  }
  48% {
    top: -243%;
  }
  67.3% {
    top: -243%;
  }
  73% {
    top: -381%;
  }
  92.3% {
    top: -381%;
  }
  100% {
    top: 0%;
  }
}
@keyframes rotate {
  0% {
    top: 0;
  }
  17.3% {
    top: 0;
  }
  23% {
    top: -137%;
  }
  42.3% {
    top: -137%;
  }
  48% {
    top: -243%;
  }
  67.3% {
    top: -243%;
  }
  73% {
    top: -381%;
  }
  92.3% {
    top: -381%;
  }
  100% {
    top: 0%;
  }
}
.keyframes2 0% {
  top: 0;
}
.keyframes2 16.7% {
  top: 0;
}
.keyframes2 23.3% {
  top: -173%;
}
.keyframes2 41.7% {
  top: -173%;
}
.keyframes2 48.3% {
  top: -316%;
}
.keyframes2 66.7% {
  top: -316%;
}
.keyframes2 73.3% {
  top: -491%;
}
.keyframes2 91.7% {
  top: -491%;
}
.keyframes2 100% {
  top: 0%;
}
@-webkit-keyframes rotate2 {
  0% {
    top: 0;
  }
  16.7% {
    top: 0;
  }
  23.3% {
    top: -173%;
  }
  41.7% {
    top: -173%;
  }
  48.3% {
    top: -316%;
  }
  66.7% {
    top: -316%;
  }
  73.3% {
    top: -491%;
  }
  91.7% {
    top: -491%;
  }
  100% {
    top: 0%;
  }
}
@-moz-keyframes rotate2 {
  0% {
    top: 0;
  }
  16.7% {
    top: 0;
  }
  23.3% {
    top: -173%;
  }
  41.7% {
    top: -173%;
  }
  48.3% {
    top: -316%;
  }
  66.7% {
    top: -316%;
  }
  73.3% {
    top: -491%;
  }
  91.7% {
    top: -491%;
  }
  100% {
    top: 0%;
  }
}
@-ms-keyframes rotate2 {
  0% {
    top: 0;
  }
  16.7% {
    top: 0;
  }
  23.3% {
    top: -173%;
  }
  41.7% {
    top: -173%;
  }
  48.3% {
    top: -316%;
  }
  66.7% {
    top: -316%;
  }
  73.3% {
    top: -491%;
  }
  91.7% {
    top: -491%;
  }
  100% {
    top: 0%;
  }
}
@-o-keyframes rotate2 {
  0% {
    top: 0;
  }
  16.7% {
    top: 0;
  }
  23.3% {
    top: -173%;
  }
  41.7% {
    top: -173%;
  }
  48.3% {
    top: -316%;
  }
  66.7% {
    top: -316%;
  }
  73.3% {
    top: -491%;
  }
  91.7% {
    top: -491%;
  }
  100% {
    top: 0%;
  }
}
@keyframes rotate2 {
  0% {
    top: 0;
  }
  16.7% {
    top: 0;
  }
  23.3% {
    top: -173%;
  }
  41.7% {
    top: -173%;
  }
  48.3% {
    top: -316%;
  }
  66.7% {
    top: -316%;
  }
  73.3% {
    top: -491%;
  }
  91.7% {
    top: -491%;
  }
  100% {
    top: 0%;
  }
}
.callout {
  padding-top: 2em;
  padding-bottom: .3em;
}
.callout-text {
  font-size: 28px;
  line-height: 35px;
}
.content h2,
.content h3 {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}
.subcontent {
  margin-bottom: 1.5em;
  border-top: solid 4px #ea5424;
  color: #fff;
  background-color: #959595;
}
.subcontent blockquote {
  margin-top: 1em;
  margin-bottom: 2em;
  padding: 0;
  border: none;
  font-style: italic;
  font-size: 16px;
  line-height: 24px;
}
.subcontent blockquote p {
  padding: 2.5em 3em;
  margin: 0 0 3em;
  border: solid 2px #d8d8d8;
  position: relative;
  font-size: 18px;
  text-indent: -0.35em;
}
.subcontent blockquote p:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: -32px;
  right: 20px;
  background: url("../images/caret-light.png");
}
.subcontent blockquote small {
  color: #fff;
  font-style: normal;
  font-weight: bold;
  line-height: 22px;
}
.subcontent blockquote .company {
  display: block;
  font-style: italic;
  font-weight: normal;
  text-indent: 1.2em;
}
.thumbnails .thumbnail {
  padding: 0;
  border: none;
  display: inline-block;
  text-decoration: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.thumbnails .thumbnail p {
  margin: 12px 0 0;
  font-style: italic;
  font-size: 16px;
}
.thumbnails .thumbnail > img {
  margin-left: 0;
}
.projects .thumbnails .thumbnail {
  padding: 1em;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -ms-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
}
.projects .thumbnails a:hover {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  position: relative;
  top: -2px;
}
.powers h3 {
  margin-bottom: 1em;
}
.powers ul li {
  font-style: italic;
  font-size: 18px;
  line-height: 24px;
}
.philosophy {
  margin-bottom: 1.5em;
}
.fellas .thumbnails {
  font-size: 16px;
}
.fellas .thumbnails img {
  border-bottom: solid 4px #ea5424;
  margin-bottom: 2.5em;
  width: 100%;
}
.fellas .thumbnails h3 {
  font-weight: bold;
  font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif;
  font-size: inherit;
  line-height: 24px;
  letter-spacing: 0;
  text-transform: none;
}
.fellas .thumbnails p {
  margin: 0;
  font-size: 17px;
  line-height: 20px;
}
.fellas .thumbnails .th-icon-lightbulb {
  margin-top: 1px;
}
.fellas .thumbnails .th-icon-pencil {
  margin-top: 3px;
}
.fellas .thumbnails .th-icon-computer {
  margin-top: 6px;
  margin-right: 15px;
}
.fellas .about-text {
  margin-top: 1em;
  line-height: 22px;
}
.fellas .about-text p {
  margin-bottom: 1em;
}
.follow-twitter {
  font-size: 17px;
}
.form-contact {
  margin-top: 1em;
}
.form-contact input,
.form-contact textarea,
.form-contact button {
  display: block;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.form-contact input,
.form-contact textarea {
  padding: 20px;
  border-width: 2px;
  border-color: #bebebe;
  letter-spacing: 1px;
}
.form-contact input {
  margin-bottom: 17px;
}
.form-contact textarea {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.form-contact .caret-dark {
  position: relative;
}
.form-contact .caret-dark:after {
  content: "";
  width: 32px;
  height: 32px;
  position: absolute;
  bottom: -30px;
  right: 20px;
  background: url("../images/caret-dark.png");
}
.form-contact button {
  margin-top: 1px;
  margin-right: 62px;
  margin-bottom: 1em;
  padding: 12px 26px;
  display: block;
  color: #eeeeee;
  font-size: 15px;
  letter-spacing: 1px;
  background: #ea5424;
}
.form-contact .alert {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .form-contact input {
    width: 100% !important;
  }
}
.work-project {
  margin-top: 3em;
}
.work-project h1 {
  font-size: 20px;
  font-family: "adobe-caslon-pro", Georgia, "Times New Roman", Times, serif;
  text-transform: none;
}
.work-project h2,
.work-project h3 {
  padding: 20px 0;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}
.work-project .subcontent {
  padding-left: 1em;
  border: none;
  color: #959595;
  background-color: #ffffff;
}
.work-project .subcontent .frame {
  padding: 50px 0;
  text-align: center;
}
.work-project .subcontent .frame-logo {
  padding: 0 0 75px;
}
.work-project .subcontent .frame-icon {
  padding-bottom: 100px;
}
.work-project .subcontent .frame-iphone,
.work-project .subcontent .frame-mac {
  padding: 50px 0 80px;
  text-align: center;
}
.work-project .subcontent .frame-icon {
  padding-top: 30px;
}
.work-project .subcontent .frame-mac {
  padding: 0 0 100px;
}
.work-project .subcontent .frame-mac:first-child {
  padding-top: 100px;
}
.work-project .subcontent .frame-logo {
  padding: 90px 0px;
}
footer {
  padding-top: 1em;
}
footer h4 {
  margin-bottom: 1.4em;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 1px;
}
.contact-box {
  font-size: 16px;
}
.contact-box address {
  font-style: italic;
}
.follow-box {
  font-size: 16px;
}
.follow-box ul li {
  font-style: italic;
}
.copyright-wrap {
  margin-bottom: 1em;
  padding: 20px 0;
  text-align: center;
}
.copyright-wrap a {
  text-decoration: none;
}
.copyright-wrap a:hover {
  color: inherit;
  text-decoration: underline;
}
.copyright {
  font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.no-padding {
  padding: 0;
}
.no-margin {
  margin: 0;
}