@charset "UTF-8";

/* reset 
-------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video, textarea {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; outline:none; -webkit-font-smoothing: antialiased;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height:1; -webkit-text-size-adjust:none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:focus, input, object, embed, textarea {outline:0; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-appearance: none; border-radius: 0;}
.cf:before, .cf:after {content:" "; display:table;}
.cf:after {clear:both;}
.cf {*zoom:1;}
.container {margin:0 auto;}
.hide {display:none;}
img {vertical-align:middle}


/* fonts 
-------------------------------------------------------------------------------------------------------------------*/
@font-face {
	font-family:'Aveniry';
	src: url('fonts/aveniry.eot');
	src: url('fonts/aveniry.eot?#iefix') format('embedded-opentype'),
	url('fonts/aveniry.woff') format('woff'),
	url('fonts/aveniry.ttf') format('truetype'),
	url('fonts/aveniry.svg#aveniry') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Aveniry Light';
	src: url('fonts/aveniry-light.eot');
	src: url('fonts/aveniry-light.eot?#iefix') format('embedded-opentype'),
	url('fonts/aveniry-light.woff') format('woff'),
	url('fonts/aveniry-light.ttf') format('truetype'),
	url('fonts/aveniry-light.svg#aveniry-light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Aveniry Medium';
	src: url('fonts/aveniry-medium.eot');
	src: url('fonts/aveniry-medium.eot?#iefix') format('embedded-opentype'),
	url('fonts/aveniry-medium.woff') format('woff'),
	url('fonts/aveniry-medium.ttf') format('truetype'),
	url('fonts/aveniry-medium.svg#aveniry-medium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Aveniry Black';
	src: url('fonts/aveniry-black.eot');
	src: url('fonts/aveniry-black.eot?#iefix') format('embedded-opentype'),
	url('fonts/aveniry-black.woff') format('woff'),
	url('fonts/aveniry-black.ttf') format('truetype'),
	url('fonts/aveniry-black.svg#aveniry-black') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Adelle Bold Italic';
	src: url('fonts/adelle-bold-italic.eot');
	src: url('fonts/adelle-bold-italic.eot?#iefix') format('embedded-opentype'),
	url('fonts/adelle-bold-italic.woff') format('woff'),
	url('fonts/adelle-bold-italic.ttf') format('truetype'),
	url('fonts/adelle-bold-italic.svg#adelle-bold-italic') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* default layout 1280px 
-------------------------------------------------------------------------------------------------------------------*/
.container {width:1280px; position:relative;}
body {font-family:"Aveniry"; color:#999; line-height:140%; font-size:16px;}
a {color:#0099FF; text-decoration:none; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
a:hover {color:#333;}
p {margin-bottom:20px;}
p strong {font-family:'Aveniry Black';}
.green-outline-btn {color:#74C4BE; border:2px solid #A7DBC6; border-radius:4px; font-family:'Aveniry Black'; font-size:14px; letter-spacing:1px; text-align:center; text-transform:uppercase; line-height:40px; display:block; width:220px;}
.green-outline-btn:hover {color:#888; border:2px solid #888; border-radius:4px;}
section {padding:140px 0;}
#callout {text-align:center; text-transform:uppercase; font-size:20px; letter-spacing:2px; color:#79838C; font-family:'Aveniry Light';}
#callout a {margin:0 auto;}
h2 {font-size:30px; text-transform:uppercase; letter-spacing:5px; font-family:'Aveniry Black'; margin-bottom:10px;}
h2 span {font-family:'Aveniry Light';}
h3 {font-size:20px; text-transform:uppercase; letter-spacing:3px; font-family:'Aveniry Black'; margin-bottom:10px; color:#7A838C;}
.grey-bg {background:#F5F5F5;}
.iphones, .work img {max-width:1104px;}
.ipad {max-width:864px;}
.work {text-align:center; padding:100px 0 0 0;}
.work img {width:100%; margin-bottom:100px;}
.first-title {font-family:'Aveniry Black'; font-size:30px; color:#79838C; letter-spacing:4px; text-transform:uppercase; margin-bottom:10px; padding-top:180px; position:relative; z-index:1;}
.page-not-found {text-align:center;}

/* loader 
--------------------------------------------------------*/
#loader {background:#f5f5f5; position:fixed; width:100%; height:100%; top:0; z-index:99;}
@-webkit-keyframes rotate {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(360deg);}}
img.loading {-webkit-animation-name:rotate; -webkit-animation-duration:1s; -webkit-animation-iteration-count:infinite; -webkit-animation-timing-function:linear; position:absolute; top:50%; left:50%; width:140px; height:140px; margin-left:-70px; margin-top:-70px;}

/* header & nav 
--------------------------------------------------------*/
header {background:rgba(255,255,255,.96); border-bottom:1px solid #e6e6e6; height:80px; position:relative; z-index:100; position:fixed; width:100%; top:-80px;}
#logo {background:url(../images/sprites/main.png) no-repeat; background-size:272px 54px; display:block; width:50px; height:40px; text-indent:-9999px; position:absolute; top:20px; left:0;}
nav {text-transform:uppercase; font-family:'Aveniry Black'; font-size:13px;  position:absolute; top:30px; right:0;}
nav a {margin-left:50px; color:#888; letter-spacing:2px;}
nav a#hire-me {color:#74C4BE; border:2px solid #A7DBC6; border-radius:4px; width:110px; padding:10px 23px; font-size:12px;}
nav a#hire-me:hover {color:#888; border:2px solid #888;}
#navicon {background:url(../images/sprites/main.png) -103px 13px no-repeat; background-size:272px 54px; display:none; width:24px; height:14px; position:absolute; top:20px; right:-14px; padding:14px;}
#navicon.close {background:url(../images/sprites/main.png) -103px -24px no-repeat; background-size:272px 54px;}

/* heros 
--------------------------------------------------------*/
.hero {text-align:center; color:#fff; margin-top:-81px; padding:13% 0 4% 0;}
.hero img {width:148px; height:auto; margin-bottom:30px;}
.hero p {max-width:900px; margin:0 auto;}
.hero p.intro {margin-bottom:8px;}
.hero p strong {font-size:18px;}
.hero p span {display:block;}

/* home 
--------------------------------------------------------*/
.home-section {text-align:center; display:block; position:relative; overflow:hidden;}
.home-section img {width:70%; height:auto; max-width:1160px; margin:70px 0 -70px 0;}
.home-title {font-family:'Aveniry Black'; font-size:30px; color:#79838C; letter-spacing:4px; text-transform:uppercase; margin-bottom:10px; padding-top:100px;}
.home-section .container {width:70%; margin:0 auto;}
.home-desc {color:#999;}
.home-title, .home-desc, .home-link, .home-section img {position:relative; z-index:1;}
.home-link {white-space:nowrap;}
.home-ovl {background:rgba(255,255,255,.65); position:absolute; display:block; width:100%; height:100%;}
.home-section:hover .home-ovl {background:rgba(255,255,255,.0);}
.home-section:hover .home-title, .home-section:hover .first-title {color:#333;}
.home-ovl, .home-title, .first-title {transition:all 0.4s linear; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
#home-admiral {background:url(../images/home/admiral-bg.jpg) bottom no-repeat; background-size:100% auto;}
#home-medwheel {background:url(../images/home/medwheel-bg.jpg) bottom no-repeat; background-size:100% auto;}
#home-dv {background:url(../images/home/dv-bg.jpg) bottom no-repeat; background-size:100% auto;}
#home-belmont {background:url(../images/home/belmont-bg.jpg) bottom no-repeat; background-size:100% auto;}

/* about 
--------------------------------------------------------*/
#about-hero {background:url(../images/hero/about.jpg) bottom no-repeat; background-size:100% auto;}
.about-section {padding:140px 0;}
.about-section p {margin-bottom:6px;}
.about-section p strong {font-size:18px; color:#BBB;}
.about-section img {width:45%; position:absolute; top:0; bottom:0; margin:auto;}
.about-content {width:42%;}
#about-web img, #about-brands img {left:40px;}
#about-web .about-content, #about-brands .about-content {float:right; margin-right:40px;}
#about-apps img {right:40px;}
#about-apps .about-content {float:left; margin-left:40px;}

/* projects 
--------------------------------------------------------*/
#admiral-hero {background:url(../images/hero/admiral.jpg) no-repeat; background-size:100% auto;}
#medwheel-hero {background:url(../images/hero/medwheel.jpg) no-repeat; background-size:100% auto;}
#dv-hero {background:url(../images/hero/dv.jpg) no-repeat; background-size:100% auto;}
#belmont-hero {background:url(../images/hero/belmont.jpg) no-repeat; background-size:100% auto;}

/* more work 
--------------------------------------------------------*/
#more-work {padding:0;}
.more-section {text-align:center; display:block; position:relative; overflow:hidden; width:33.3%; float:left;}
.more-section img {width:70%; height:auto; margin:20px 0 0 0;}
.more-title {font-family:'Aveniry Black'; font-size:20px; color:#79838C; letter-spacing:2px; text-transform:uppercase; margin-bottom:4px; padding-top:60px;}
.more-desc-wrap {width:60%; margin:0 auto; height:60px;}
.more-desc {color:#999;}
.more-link {white-space:nowrap;}
.more-title, .more-desc, .more-link, .more-section img {position:relative; z-index:1;}
.more-ovl {background:rgba(250,250,250,.5); position:absolute; display:block; width:100%; height:100%;}
.more-section:hover .more-ovl {background:rgba(250,250,250,.0);}
.more-section:hover .more-title {color:#333;}
.more-ovl, .more-title {transition:all 0.4s linear; -moz-transition:all 0.4s linear; -webkit-transition:all 0.4s linear;}
#more-admiral {background:url(../images/more-work/admiral-bg.jpg) bottom no-repeat; background-size:100% auto;}
#more-medwheel {background:url(../images/more-work/medwheel-bg.jpg) bottom no-repeat; background-size:100% auto;}
#more-dv {background:url(../images/more-work/dv-bg.jpg) bottom no-repeat; background-size:100% auto;}
#more-belmont {background:url(../images/more-work/belmont-bg.jpg) bottom no-repeat; background-size:100% auto;}

/* contact 
--------------------------------------------------------*/
#contact-hero {background:url(../images/hero/about.jpg) bottom no-repeat; background-size:100% auto; padding:260px 0 100px 0;}
#contact-hero h2 {font-size:26px;}
#contact form {width:920px; margin:0 auto;}
#contact form .field {background:#fff; width:44%; margin-bottom:40px; padding:16px;}
#contact form .left {float:left;}
#contact form .right {float:right;}
input, select {font-family:"Aveniry"; -webkit-border-radius:0px; font-size:18px; float:left; border:0; padding:0; margin:0; width:70%; line-height:23px; outline:none; color:#333;}
::-webkit-input-placeholder {color:#bababa;}
#contact form div div label {font-family:"Aveniry Black"; font-size:18px; color:#bbb; width:27%; display:block; float:left; line-height:23px;}
.textarea {background:#fff; width:97%; margin-bottom:20px; padding:16px;}
.textarea label {font-family:"Aveniry"; font-size:18px; color:#bbb; display:block; margin-bottom:10px;}
textarea {font-family:"Aveniry"; -webkit-border-radius:0px; font-size:18px; width:100%; height:200px;}
#contact-submit {background:0; cursor:pointer; width:50%; font-size:18px; letter-spacing:3px; line-height:50px; margin:0 auto; float:none; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
.select select {background:transparent; -webkit-appearance:none; width:100%; color:#bababa;}
.select {overflow:hidden; background:#fff url(../images/select.png) right no-repeat; background-size:14px 7px;}
.select select.chosen {color:#333;}
#user-message {text-align:center; height:40px; font-family:"Aveniry Black";}
.error {color:#FF7373;}
.success {color:#7AC6BC;}
#email-option {text-align:center; margin-bottom:40px;}

/* payments 
--------------------------------------------------------*/
#payment-secured {margin:20px auto 0 auto; background:url(../images/icons/cards.png) right no-repeat; background-size:120px 24px; width:80px; padding-right:120px; line-height:23px;}
#payment-secured span {border:1px solid #fff; border-radius:2px; font-family:'Aveniry Black'; font-size:9px; letter-spacing:1px; text-align:center; text-transform:uppercase; display:inline-block; padding:0 8px;}
section.stripe-form {padding:60px 0;}
#payment-form #legend {display:none;}
#payment-form label, .fullstripe_plan_details {font-family:"Aveniry Black"; font-size:14px; margin-bottom:10px; display:block;}
#payment-form input, #payment-form select {font-family:"Aveniry"; -webkit-border-radius:0px; font-size:18px; float:none; border:0; padding:0; margin:0; width:100%; line-height:23px; outline:none; color:#333; margin-bottom:40px; padding:16px;}
#payment-form button {color:#74C4BE; border:2px solid #A7DBC6; border-radius:4px; font-family:'Aveniry Black'; font-size:18px; letter-spacing:3px; text-align:center; text-transform:uppercase; line-height:50px; display:block; background:0; cursor:pointer; width:50%; margin:0 auto; float:none; transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -webkit-transition:all 0.2s ease-in-out;}
#payment-form button:hover {color:#888; border:2px solid #888; border-radius:4px;}
#payment-form .payment-errors {text-align:center; height:40px; font-family:"Aveniry Black"; color:#FF7373;}
.fullstripe_plan_details {text-align:center; margin-top:10px;}

/* blog 
--------------------------------------------------------*/
.blog-container, article p, .post-tags, article h2, article h3, #subtitle, blockquote {width:800px; margin:0 auto;}
article {padding:180px 0 140px 0;}
.single-post {padding-bottom:100px;}
article p {font-size:22px; line-height:150%; margin:0 auto 40px auto;}
article img {width:1280px; height:auto; margin: 80px auto; display:block;}
.post-tags {font-size:16px; margin:0 auto 30px auto;}
article h2, article h3 {text-transform:none; letter-spacing:normal; font-family:"Aveniry Black"; font-size:30px; color:#666; margin:0 auto 14px auto;}
#subtitle {text-transform:uppercase; font-family:"Aveniry Black"; font-size:14px; letter-spacing:1px; margin:0 auto 6px auto;}
.more-link {display:none;}
blockquote {font-family:"Adelle Bold Italic"; margin:80px auto 80px auto; font-size:22px; line-height:150%; color:#888; padding:40px 0; position:relative;}
blockquote:after {content: ''; position:absolute; width:33%; left:33%; bottom:0; border-bottom:2px solid #ddd;}
blockquote:before {content: ''; position:absolute; width:33%; left:33%; top:0; border-bottom:2px solid #ddd;}
#paging, #share {background:#f6f6f6; padding:120px 0; text-align:center;}
#paging a {width:50px; height:40px; display:inline-block; border:1px solid #bebebe; color:#bebebe; line-height:42px; border-radius:3px; margin:0 3px;}
#paging .active a, #paging a:hover {background:#bebebe; color:#fff;}
#paging .next a {border:0; text-indent:-9999px; background:url(../images/sprites/paging.png) -24px 8px no-repeat; background-size:57px 25px;}
#paging .prev a {border:0; text-indent:-9999px; background:url(../images/sprites/paging.png) 18px 8px no-repeat; background-size:57px 25px;}
#share a {display:inline-block; width:60px; height:60px; -webkit-border-radius:60px; border-radius:60px; margin:0 10px; background:url(../images/sprites/share.png) no-repeat; background-size:180px 24px; text-indent:-9999px;}
#share a#twitter-share {border:1px solid #A7CFF7; background-position:18px 18px;}
#share a#facebook-share {border:1px solid #98A6CC; background-position:-36px 17px;}
#share a#google-share {border:1px solid #E8A594; background-position:-84px 17px;}
#share a#pinterest-share {border:1px solid #DD908A; background-position:-140px 17px;}
#share a#twitter-share:hover {background:#A7CFF7 url(../images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:18px 18px;}
#share a#facebook-share:hover {background:#98A6CC url(../images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-36px 17px;}
#share a#google-share:hover {background:#E8A594 url(../images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-84px 17px;}
#share a#pinterest-share:hover {background:#DD908A url(../images/sprites/share.png) no-repeat; background-size:180px 24px; background-position:-140px 17px;}

/* footer 
--------------------------------------------------------*/
footer {background:#1B2422 url(../images/footer-bg.jpg) no-repeat; background-size:100% auto; padding:100px 0 40px 0;}
footer h4 {font-size:18px; text-transform:uppercase; color:#888; letter-spacing:3px; font-family:'Aveniry Light'; float:left;}
footer h4 strong {font-family:'Aveniry Black';}
footer a:hover {color:#fff;}
#social {float:right; margin-top:-10px;}
#social li {float:left; margin-left:12px;}
#social li a {background:url(../images/sprites/main.png) no-repeat; background-size:272px 54px; display:block; width:28px; height:28px; text-indent:-9999px; opacity:0.8;}
#social li a:hover {opacity:1;}
#social li a#twitter {background-position:-205px -15px;}
#social li a#dribbble {background-position:-249px -15px;}
#social li a#linkedin {background-position:-161px -15px;}
#footer-top {border-bottom:1px solid #545454; padding-bottom:10px; margin-bottom:180px;}
#bio {width:44%; float:left; padding-top:8px; margin-left:40px; line-height:160%;}
#bio img {width:148px; height:auto; float:left; margin:-6px 20px 0 0;}
footer h5 {font-family:'Aveniry Black'; color:#fff; margin-bottom:6px;}
footer h5 span, footer p span {display:block;}
footer p {overflow:hidden;}
#usps {width:50%; float:right; margin-top:30px;}
#usps li {float:left; width:33%; text-align:center; font-size:18px; font-family:'Aveniry Medium'; color:#666;}
#usps li span {display:block;}
#usps img {display:block; margin:0 auto 14px auto;}
#web img {width:99px; height:auto;}
#apps img {width:45px; height:auto;}
#brands img {width:79px; height:auto;}
#footer-middle {border-bottom:1px solid #545454; padding-bottom:180px;}
#footer-logo {background:url(../images/sprites/main.png) -65px -10px no-repeat; background-size:272px 54px; display:block; width:37px; height:30px; text-indent:-9999px; margin:40px auto 10px auto;}


/* small desktop / iPad	
-------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 1320px) {
.container {width:94%; padding-left:0; padding-right:0;}
section {padding:100px 0;}
h2 {font-size:20px; letter-spacing:2px; margin-bottom:4px;}
h3 {font-size:17px; letter-spacing:2px;}
.work {padding:60px 0 0 0;}
.work img {margin-bottom:60px;}
.hero {padding:220px 0 60px 0;}
.hero p {margin-bottom:6px;}

.home-section img {margin:50px 0 -50px 0;}
.home-title, .first-title {font-size:26px; letter-spacing:3px; margin-bottom:6px; padding-top:60px;}
#home-admiral, #home-medwheel, #home-dv, #home-belmont {background-size:auto 100%;}
.first-title {padding-top:140px;}

.more-title {font-size:16px; letter-spacing:1px; padding-top:40px;}
.more-desc-wrap {height:40px; width:70%;}
.more-desc, .more-link {font-size:13px; line-height:normal;}

.about-section {padding:110px 0;}

#contact-hero {padding:240px 0 70px 0;}
#contact form {width:90%; margin:0 auto;}
input, select, #contact form div div label, .textarea label, textarea, #contact-submit {font-size:16px;}

section.stripe-form {padding:20px 0;}

#about-hero, #admiral-hero, #medwheel-hero, #dv-hero, #belmont-hero {background-size:auto 110%; background-position:center;}

.blog-container, article p, .post-tags, article h2, article h3, #subtitle, blockquote {width:700px; margin:0 auto;}
article h2, article h3 {font-size:26px; margin:0 auto 10px auto;}
#subtitle {font-size:14px; letter-spacing:1px; margin:0 auto 6px auto;}
article p {font-size:18px; line-height:150%; margin:0 auto 20px auto;}
.post-tags {font-size:14px; margin:0 auto 14px auto;}
.post {background-size:auto 100% !important;}
.single-post {background-size:150% auto !important;}
article img {width:100%;}
blockquote {margin:40px auto 40px auto; font-size:18px; line-height:150%; padding:40px 0;}

#footer-top {margin-bottom:80px;}
#bio {width:46%; margin-left:20px;}
#usps {width:45%;}
#footer-middle {padding-bottom:80px;}
}


/* iPhone wide
-------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {
body, input, textarea, select {font-size:12px;}
.container {width:90%;}
section {padding:60px 0;}
p {margin-bottom:10px;}
a, .home-section img ,.home-ovl, .home-title {transition:0; -moz-transition:0; -webkit-transition:0;}
.green-outline-btn {width:100%; font-size:12px;}
h2, h3 {font-size:16px; letter-spacing:1px; margin-bottom:8px;}
.work {padding:40px 0 0 0; border-bottom:1px solid #eee;}
.work img {margin-bottom:40px;}

#callout {font-size:15px; letter-spacing:1px;}
#callout strong {display:block; margin-bottom:6px; font-size:16px;}

header {height:60px;}
#logo, #navicon {top:10px;}
#navicon {display: block;}
#navicon.close {position:fixed; right:3%;}
nav {background:rgba(255,255,255,.98); top:0; left:0; position:fixed; width:100%; height:100%; padding:0; display: none;}
nav a {margin:0; display:block; text-align:center; line-height:60px;}
nav a:active, nav a:hover {background-color:#efefef; color:#888;}
nav a#hire-me {width:auto; border-radius:0; border:0; color:#fff; background:#74C4BE; padding:0; font-size:13px;}
nav a#hire-me:hover {width:auto; border-radius:0; border:0; color:#fff; background:#5FBBB4;}
nav a#hire-me:active {width:auto; border-radius:0; border:0; color:#fff; background:#5FBBB4;}
#nav-work {margin-top:60px;}

.hero {padding:160px 0 40px 0; margin-top:-61px;}
.hero img {width:74px; margin-bottom:10px;}
.hero p strong {font-size:14px;}
.hero p span {display:inline;}

.home-ovl, .home-section:hover .home-ovl {background:rgba(255,255,255,.6);}
.home-section:hover .home-title {color:#79838C;}
.home-section img {margin:30px 0 -30px 0;}
.home-title, .first-title {font-size:18px; letter-spacing:2px; margin-bottom:2px; padding-top:50px;}
.first-title {padding-top:110px;}

#about-hero {background-size:auto 100%; background-position:center;}
.about-section {padding:40px 0; text-align:center;}
.about-section p strong {font-size:14px; line-height:120%;}
.about-section img {width:70%; position:relative; margin-bottom:20px;}
.about-content {width:100%;}
#about-web .about-content, #about-apps .about-content, #about-brands .about-content {float:none; margin:0;}
#about-web img, #about-brands img {left:0;}
#about-apps img {right:0;}

#more-work {display:none;}

#contact-hero {padding:160px 0 40px 0; background-size:110% auto;}
#contact-hero h2 {font-size:14px; letter-spacing:0; margin-bottom:4px;}
#contact {padding:30px 0;}
#contact form {width:100%;}
#contact form .field, .textarea {width:94%; margin-bottom:20px; padding:3%;}
#contact form .left {float:none;}
#contact form .right {float:none;}
input, select {font-size:14px; width:70%; line-height:18px;}
#contact form div div label {font-size:14px; width:30%; line-height:18px;}
.textarea label {font-size:14px; margin-bottom:0;}
textarea {font-size:14px; width:100%; height:140px;}
#contact form .field, .textarea {margin-bottom:10px;}
#contact-submit {width:100%; font-size:14px; letter-spacing:2px; line-height:40px; transition:0; -moz-transition:0; -webkit-transition:0;}
#user-message {height:20px; margin-bottom:6px;}
#email-option {text-align:center; margin-bottom:20px;}

section.stripe-form {padding:20px 0;}
#payment-form label, .fullstripe_plan_details {font-size:12px; margin-bottom:6px;}
#payment-form input, #payment-form select {font-size:14px; line-height:18px; margin-bottom:20px;}
#payment-form button {font-size:14px; letter-spacing:2px; line-height:40px; width:100%; transition:0; -moz-transition:0; -webkit-transition:0;}
#payment-form .payment-errors {text-align:center; height:20px; font-family:"Aveniry Black"; color:#FF7373;}
.fullstripe_plan_details {text-align:center; margin-top:10px;}


article {padding:100px 0 60px 0;}
article img {margin:40px auto;}
.blog-container, article p, .post-tags, article h2, article h3, #subtitle, blockquote {width:80%;}
article h2, article h3 {font-size:26px; line-height:120%;}
#subtitle {font-size:12px;}
blockquote {margin:40px auto 40px auto; font-size:18px; padding:20px 0;}
#paging, #share {background:#f6f6f6; padding:20px 0; text-align:center;}
.single-post {padding-bottom:40px;}

footer {background-size:auto 100%; padding:40px 0 30px 0; background-position:center;}
footer h4 {font-size:13px; letter-spacing:1px; float:none; text-align:center;}
#social {float:none; margin:10px auto 0 auto; width:128px;}
#footer-top {margin-bottom:20px; padding-bottom:20px; }
#bio {width:45%; margin-left:20px;}
#footer-middle {padding-bottom:20px;}
#bio {width:90%; float:none; margin-left:0; padding:0 5%; text-align:center;}
#bio img {width:74px; margin:0 0 20px 0; float:none;}
#usps {display:none;}
#web img {width:50px; height:auto;}
#apps img {width:23px; height:auto;}
#brands img {width:40px; height:auto;}
#footer-logo {margin:20px auto 0 auto;}
}


/* iPhone 
-------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 479px) {
#callout {font-size:11px; letter-spacing:1px;}

#navicon.close {position:fixed; right:2%;}

.home-title, .first-title {font-size:14px; letter-spacing:1px; padding-top:30px;}
.home-section img {margin:30px 0 -20px 0;}
.first-title {padding-top:90px;}

#contact-hero {background:url(../images/hero/about.jpg) no-repeat; background-size:auto 100%;}
#contact form .field, .textarea {width:88%; margin-bottom:20px; padding:6%;}

.single-post {background-size:400% auto !important;}
}