/* pink:rgb(209,74,224); */

/* Basic Setup */
body {font-family: system, -apple-system, "Roboto", "Helvetica Neue", "Helvetica", serif; font-size:14px; margin:0; padding:0; letter-spacing: 0em;}
a {text-decoration:none; color:#000; border-bottom:1px solid #ccc;}
a:hover {color:rgba(0,0,0,0.5);}
p {line-height:1.6em;}
p.intro {font-size:1.2em;}
p.note {color:#bbb;}
h1, h2, h3, h4 {}
h1 {font-size:4em; font-weight:100;}
h2 {font-size:2.6em; line-height:1.5em; font-weight:300; margin:0.5em 0;}
	h2 span {color:#777; }
	h2 span::before {content:"· "; color:#ddd;}
h3 {font-size:2em; line-height:1.4em; font-weight:300; margin:0.5em 0;}
h4 {font-size:1.4em; font-weight:500; text-transform: uppercase; color:#888; margin-top:1.5em;}
h5 {font-size:1.4em; font-weight:normal; line-height:1.4em;}
i {padding:1px 3px 2px 3px; background-color:#eee; border-radius:2px; font-weight:normal;}
blockquote {margin:1em 0px 1em 0;}
hr {height:1px; border:none; border-top:1px solid #dedede; width:100px; margin:50px 0;}
input, textarea {font-size:1em; padding:12px;}
button, .button {background-color:rgb(0,0,0); color:#fff; border-radius:4px; padding:16px 20px; margin:6px 0; font-size:1em; border:none; text-transform: uppercase; transition:background-color 0.2s; display:inline-block;}
	button:hover, .button:hover, .button.outline:hover {background-color:rgb(209,74,224); color:#fff; border-color:rgb(209,74,224);}
	.button.white {border:1px solid rgba(255, 255, 255, 0.5); background-color:rgba(255, 255, 255, 0.1);}
	.button.center {text-align: center;}
	button.outline, .button.outline {background-color:rgba(0,0,0,0); border:1px solid #999; color:#000; font-weight:600;}
ul, ol {padding-left:1.5em; line-height:1.6em;}
ul.simple-vlist {list-style-type:none; margin:0; padding:0;}
ul.simple-hlist {list-style-type:none; margin:0; padding:0;}
ul.simple-hlist li {display:inline-block;}
img {padding:0; margin:0; line-height:0; font-size:0; border:none; vertical-align: middle;}
video {-webkit-filter:brightness(100%);}

/* Core Layout */
.inset {margin:0 auto; padding:0px 30px; height:100%; max-width:1100px; position:relative;}
.inset-slim {margin:0 auto; padding:0px 30px; height:100%; max-width:900px; position:relative;}
.section {padding-top:60px; padding-bottom:60px;}
.section-title {max-width:560px; margin:0 auto; text-align:center;}
.center {text-align:center;}
.columns {display:flex; flex-direction:row; flex-wrap:wrap;}
.column-one {margin:0 auto; max-width:640px; position:relative;}
.column-two {flex:1 0 50%; box-sizing:border-box; position:relative;}
.column-two:first-child {padding-right:20px;}
.column-two:last-child {padding-left:20px;}
.column-three {flex:1 0 33%; box-sizing:border-box; position:relative;}
.column-four {flex:1 0 25%; box-sizing:border-box; position:relative;}

.grid {display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; box-sizing:border-box;}
.grid-icon {position:relative;}
.grid-five {text-align:center; width:20%; box-sizing:border-box; flex-basis:20%; padding:30px 30px;}
.grid-six {text-align:center; width:16.667%; box-sizing:border-box; flex-basis:16.667%; padding:30px 30px;}
.grid-name {margin-top:10px;}
.grid-description {color:#777; margin-top:10px;}


/* Update Banner */
#update-banner {background-color:rgba(34,34,34,0.75); text-align:center; padding:10px 0; font-size:0.9em; -webkit-backdrop-filter: blur(10px);}
#update-banner a {color:#fff;}
#update-banner span {color:#888;}

/* Global Navigation */
nav {width:100%; position:fixed; top:0; left:0; z-index:100; }
#nav-global {height:52px; background-image:none; -webkit-backdrop-filter: blur(10px); box-shadow:0px 2px 3px rgba(0,0,0,0.3); transition:background-color 0.4s, color 0.2s; background-color:rgba(13,13,13,0.75); border-bottom:1px solid rgba(255, 255, 255, 0);}
#logo {width:34px; height:100%; position:absolute; top:0; left:30px; background-size:34px 20px; display:inline-block; background-repeat:no-repeat; background-position:0 14px; background-image: url("../images/darkroom-logo-30-color.svg"); opacity:0.8; border-bottom:none;}

#app-name {position:absolute; left:68px; font-weight:300; font-size:21px; text-transform:uppercase; padding:14px 4px; color:#C427D9; border-bottom:none; opacity:0; display:none;}
#faq #app-name, #updates #app-name, #about #app-name, #press #app-name {display:inline-block; opacity:1.0;}

#menu {position:absolute; right:30px; height:100%;}
#menu li a {padding:14px 6px; margin:0 8px; display:inline-block; color:#999; transition:color 0.2s, opacity 0.2s; border-bottom:none;}
	#menu li a:last-child {margin-right:0;}
#menu .get {transition:opacity 0.2s; padding: 4px 8px; background-color:rgba(184,87,185,0.25); border-radius:4px;}
#menu .get img {width:17px; position:relative; top:-1px; margin-right:2px;}
#menu #get-app-arrow {position:relative; width:17px; height:17px; vertical-align:middle; margin-top:-2px; margin-right:2px; display:inline-block; background-image:url("../images/main/menu-get.svg");}
#menu .get span {vertical-align: baseline; color:rgb(209,74,224);}
#menu .get:hover {opacity:0.8;}
#nav-global a:hover {color:rgba(255,255,255,1);}
#menu li a {position:relative;}
#menu li a.active:after {position:absolute; height:2px; width:100%; background-color:rgba(160,160,160,0.5); bottom:10px; left:0px; display:block; content:""; border-radius:2px;}

/* Light Background Nav */
nav#nav-global.light {background-color:rgba(255,255,255,0.7);}
#nav-global.light #logo {background-image: url("../images/darkroom-logo-30-dark.svg");}
#nav-global.light #app-name {color:#000;}
#nav-global.light a {color:#000;}
#nav-global.light a:hover {color:rgba(0,0,0,0.5);}
#nav a:hover.button {color:#fff;}

/* Nav Highlight States */
#about #nav-global #nav-about {color:rgb(209,74,224);}

/* Sub Navigation */
.subnav {background-color:#eee; padding:12px 12px; border-bottom:1px solid #ccc; text-align:left; margin-bottom:60px;}
.subnav ul {}
.subnav li {margin:0px 12px;}
	.subnav ul li:first-child {margin-left:0;}
	.subnav ul li:last-child {margin-right:0;}
.subnav a {text-decoration:none;}
#faq #subnav-support #subnav-support-faq, #updates #subnav-support #subnav-support-updates {opacity:0.4;}

/* Footer */
footer {border-top:1px solid #eee; margin-top:40px; padding-top:40px; padding-bottom:40px;}
footer li {color:#ddd; padding:2px 0px;}
footer li a {border-bottom:none; color:#555;}
footer li a:hover {border-bottom:1px solid #ccc;}
#copyright {font-size:0.9em; line-height:1.6em; color:#ddd; text-align:center; margin-top:60px;}



/* === Start of Pages === */

/* About Page */
#about main {padding-top:80px; font-size:1.2em;}
#about a.email {color:#25D5FC}
#about #people .person {margin-top:40px;}
#about #people .person img {width:100px; border-radius:2px;}

/* Press Area */
#press main {font-size:1.2em; padding-top:80px;}
#press main p a {color:rgb(209,74,224);}
#press-assets {margin-left:-10px;}
/* sub menu */
#press #submenu {text-align:right; font-size:0.9em}
#press #submenu li {margin:0 10px;}
#press #submenu li:last-child {margin-right:0px;}
#press #submenu li a {color:#999; border:none;}
#press-coverage ul {column-count:2; column-gap:40px; padding:0 0 0 1em;}
#press-coverage ul span {color:#bbb;}

/* Help Page */
#faq main {padding-top:60px;}
#faq h3 {margin-top:1em;}

/* Tutorial Caoursel */
.carousel {width:100%; padding:0 20px 20px 20px; flex-direction:row; display:flex; box-sizing:border-box;}
/* .carousel::-webkit-scrollbar {display:none;} */
.carousel-card {display:block; height:100%; margin:10px 10px; background-color:white; box-shadow:0px 1px 2px rgba(0, 0, 0, 0.2); transition:box-shadow 0.2s ease-in-out, transform 0.2s ease-in-out;}
.carousel-card:hover {box-shadow:0px 2px 6px rgba(0, 0, 0, 0.45); transform: translateY(-1px);}
.carousel-image {background-color:#eee; display:block;}
.carousel-title {display:block; padding:10px;}
.carousel-card-end {height:100%; width:20px;}

/* Page Specific Overrides */
#faq .carousel {flex-wrap:nowrap; justify-content:initial; overflow-x:scroll; max-width:1100px; padding:0px 2px 20px 2px; margin:0px auto 20px auto; border-bottom:1px solid #eee;}
#faq .carousel-card {margin:0 10px 0 0;}
#faq .carousel-card-end {display:inline-block;}
#home .carousel {flex-wrap:wrap; justify-content:center;}
#home .carousel-card-end {display:none;}

/* Updates Page */
#updates main {padding-top:53px;}
#updates.inapp main section:first-child .date {display:none;}
#updates hr {width:100%;}
#updates h2 {margin-bottom:0em;}
#updates h3 {margin-bottom:0.2em;}
#updates p.date {margin:0.5em 0px; color:#aaa;}
#updates div.column-two ul li {margin:0.3em 0;}
#updates .button {margin:1em 0;}

#updates .columns div:first-child img {width:96px; margin-bottom:10px;}
#updates div.hero {margin-bottom:30px;}
#updates div.hero img {width:128px;}
#updates .columns div img.inline {width:100%;}

/* #updates main.inset {padding-top:50px;} */
.update-header {margin-bottom:20px; text-align:center;}
.update-header div {margin-left:auto; margin-right:auto; max-width:800px; text-align:center;}
.update-header div img {width:100%;}
#updates .buy {font-weight:600; font-style:italic; font-size:0.9em; background-color:rgba(209,74,224,0.1); padding:2px 4px; border:none; border-radius:2px;}

/* ul.highlights {font-size:1.2em;} */
ul.highlights {list-style-type:none; margin:1em 0; padding-left:40px;}
ul.highlights li {margin:1em 0;}
ul.highlights li b {color:#222; position:relative;} 
ul.highlights li b::after {content:" · ";}

ul.highlights li b::before {display:block; background-color:#222; position:absolute; width:28px; height:28px; top:-4px; left:-40px; box-sizing: content-box; content:""; border-radius:4px; background-image: url('../images/updates/updates-star.svg'); background-repeat:no-repeat; background-position:center center;}

ul.highlights li b.pink {color:rgb(209, 74, 224);}
ul.highlights li b.pink::before {background-color:rgb(209, 74, 224);}

/* custom bullets */
ul.highlights .update-badge-files::before {background-image: url('../images/updates/updates-3-files.svg');}
ul.highlights .update-badge-perspective::before {background-image: url('../images/updates/updates-3-perspective.svg');}
ul.highlights .update-badge-batch::before {background-image: url('../images/updates/updates-3-batch.svg');}
ul.highlights .update-badge-zoom::before {background-image: url('../images/updates/updates-3-zoom.svg');}
ul.highlights .update-badge-scroll::before {background-image: url('../images/updates/updates-3-scroll.svg');}
ul.highlights .update-badge-border::before {background-image: url('../images/updates/updates-3-border.svg');}
/* v32 */
ul.highlights .update-badge-metal::before {background-image: url('../images/updates/updates-32-metal.svg');}
ul.highlights .update-badge-iphonex::before {background-image: url('../images/updates/updates-32-iphonex.svg');}
ul.highlights .update-badge-widecolor::before {background-image: url('../images/updates/updates-32-widecolor.svg');}
/* v33 */
ul.highlights .update-badge-dfilters::before {background-image: url('../images/updates/updates-35-dfilters.svg');}
ul.highlights .update-badge-dtools::before {background-image: url('../images/updates/updates-35-dtools.svg');}
ul.highlights .update-badge-filters::before {background-image: url('../images/updates/updates-35-filters.svg');}
ul.highlights .update-badge-depth::before {background-image: url('../images/updates/updates-35-depth.svg');}

/* In App display of updates */
/* detected by js code */
body.inapp#about main, body.inapp#faq main {padding-top:30px;}
body.inapp nav {display:none;}
body.inapp section#v33 {margin-top:-50px;}
body#updates.inapp  main.inset {padding-top:0px;}

/* Up Sell Pages */
#upsell img {width:100%;}
#upsell p {text-align:center;}
#upsell .button-area {position:absolute; bottom:10px; left:0; width:100%; padding:0 20px; box-sizing:border-box; }
#upsell .button {width:100%; box-sizing:border-box; }



/* === Home Page === */

#home {background-color:#0d0d0d; color:#bbb;}
#home b {color:#fff;}
#home .light {background-color:#fff; color:#555;}
#home footer {margin-top:0;}

/* temp update styles */
/* #home.update #filters {} */

/* Masthead */
#masthead {color:#000; text-align:center; position:relative;}
@keyframes flicker {
    0% { opacity: 0; }
    20% { opacity: 0.6; }
    40% { opacity: 0.3; }
    60% { opacity: 0.9; }
    80% { opacity: 0.6; }
    90% { opacity: 0.8; }
    100% { opacity: 1; }
}
#masthead-backdrop {animation: flicker 0.6s; position:absolute; width:100%; height:100%; background-image:url("../images/main/masthead/masthead-30-neon.jpg"); background-size: auto 100%; background-repeat: repeat-x;}
#hero-title {padding:0px 20px 0px 0px; flex:1 0 40%; align-self:center; text-align:left;}
#hero-title h1#app-title {margin-bottom:20px; margin-top:20px; text-transform:uppercase; color:rgb(209, 74, 224);}
#hero-title h3 {color:#fff; text-shadow:rgba(0,0,0,0.6) 0px 0px 4px;}
#hero-title a {margin:30px 0; border:none; display:inline-block; transition:transform 0.2s;}
#hero-title a:hover {transform: scale(1.05);}
#hero-title a img { width:200px;}
#hero-image {flex:1 0 60%; margin-top:100px;}
#hero-image img {width:100%;}

/* Nudge Arrow */
.nudge-arrow {display:block; width:60px; height:40px; position:absolute; bottom:30px; left:50%; margin-left:-30px; opacity:0.60; border:none;}
.arrow {animation-name: floatingArrow; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out;}
@keyframes floatingArrow{0% {transform:translate(0, 0px);} 65% {transform:translate(0, 10px);} 100% {transform: translate(0, 0px);}}
.arrow div:first-child{width:2px; height:40px; background-color:#444; border-radius:2px; position:absolute; bottom:-34px; left:15px; transform: rotate(-45deg);}
.arrow div:last-child {width:40px; height:2px; background-color:#444; border-radius:2px; position:absolute; bottom:-15px; left:23px; transform: rotate(-45deg);}

/* What's New Section */
#new {background-color:#191919;}
#new a, #apple a {color:#fff;}
#new-icons, #apple-icons {margin:50px auto 0px auto; font-weight:100; font-size:0.9em; max-width:90%;}

#new-key {position:relative; margin-top:50px; overflow:hidden;}
#new-key video, #prokit video, #new-key img {display:block; object-fit: contain; width:100%;}
#new-key-batch {padding-right:10%;}
#new-key-pers {padding-left:10%;}
.new-key-label {position:absolute; width:35%;}
#new-key-batch .new-key-label {top:14%; right:-15%;}
#new-key-pers .new-key-label {top:65%; text-align:right; left:-15%;}

/* #apple .grid-six {width:20%; flex-basis:20%;} */

/* Testemonials */
#testemonials {line-height:2.4em; font-style:italic; font-size:1.1em; font-weight:100; text-align:center; background-color:#191919;}
#testemonials a {color:#fff;}
/* #testemonials .inset {padding:80px 0;} */
#testemonials .column-three {padding:0 30px;}
#test-apple {font-size:2em; color:#fff;}
#test-om {width:35px; height:35px; border-radius:18px; background-image:url("../images/main/testemonial/om.jpg"); background-size: cover; border:1px solid #fff; margin:0 auto;}
#test-tv {height:20px; margin:8px auto; width:118px; background-image:url("../images/main/testemonial/theverge.svg"); background-size:contain; }

/* Workflow */
#workflow {padding-top:60px; padding-bottom:0; background-color:#222; }
#workflow .section-title {flex:1 0 100%; margin-bottom:20px;}
#workflow-image-wrap {flex:1 0 100%; padding:0 60px;}
#workflow-image {width:100%; transform-origin:50% bottom;}

/* Filters */
#filters {border-bottom:none; padding-top:60px; padding-bottom:80px; background-color:#222;}
#filters .section-title {margin-bottom:40px;}
#filter-cards-bottom {position:relative; margin-top:20px; overflow:hidden;}
.filter-cards {box-sizing: border-box; width:100%; white-space: nowrap; overflow:hidden; position:relative; text-align:center;}
.filter-cards::-webkit-scrollbar {display:none;}
.filter-card {border-radius:4px; display:inline-block; margin:8px 6px; overflow:hidden; transition:transform 0.2s; position:relative;}
.filter-card:last-child {margin-right:20px;}
.filter-image {height:130px; width:130px; background-color:#ddd;}
.filter-image img {width:100%;}
.filter-badge-custom {width:20px; height:20px; background-image:url("../images/main/filters/filters-custom.svg"); position:absolute; top:4px; right:4px;}
.filter-badge-premium {width:20px; height:20px; background-image:url("../images/main/filters/filters-premium.svg"); position:absolute; top:4px; right:4px;}
.filter-name {font-size:0.8em; background-color:#333; transition:background-color 0.2s; text-align:center; color:#aaa; padding:6px 0;}
.filter-card:hover {transform: scale(1.05);}
.filter-card:hover .filter-name {background-color:rgb(209,74,224); color:#fff;}

#photo-credits {margin:40px auto 0 auto; padding:0 30px; text-align:center; line-height:1.8em; font-size:0.8em; max-width:480px; opacity:0.3; transition:opacity 0.2s;}
#photo-credits:hover {opacity:1.0;}
#photo-credits a {color:#fff;}

/* ProKit */
#prokit {padding-bottom:0; border:none; background-color:#2b2b2b;}
/* #prokit-icon {width:48px; height:48px; display:inline-block;} */
#prokit img {width:100%;} /* grrr */
#prokit-image {position:relative; box-sizing:border-box; padding:0; }
#prokit-image div {position:absolute; box-sizing:border-box; top:0; width:100%; height:100%; opacity:0.0; transition:opacity 1s; animation:crossFade 6s; animation-delay:2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate;}
/* #prokit-image div img {height:100%; width:100%;} */
/* @keyframes crossFade {0% {opacity:0.0;} 50% {opacity:0.0;} 75% {opacity:1.0;} 100% {opacity:1.0;}} */
/* #prokit .column-two:first-child {flex:1 0 40%; align-self:center; text-align:left;}
#prokit .column-two:last-child {flex:1 0 60%;} */

/* Tools */
#toolkit {background-color: #191919;}
#tools {margin:60px auto 0px auto; font-weight:100; font-size:0.9em; display:flex; flex-wrap:wrap; box-sizing:border-box; flex-direction:row; justify-content:center;}
.tool {text-align:center; width:33.33%; box-sizing:border-box; flex-basis:33.33%; padding:30px 30px;}
.tool-name {margin-top:10px;}
.tool-description {color:#777; margin-top:10px;}
.tool.new .grid-icon::before {content:"NEW"; background-color:rgb(209,74,224); position:absolute; top:-4px; font-size:10px; left:52%; padding:2px 3px; border-radius:2px; color:#fff;}
.tool.new:nth-child(2n+1) .grid-icon::before {background-color:#9920A9;}

/* Newsletter */
#newsletter {border-bottom:1px solid #eee; text-align:center;}
#newsletter #mc_embed_signup input.email {width:300px; box-sizing:border-box; font-size:1em; padding:12px; height:auto;}
#newsletter #mc_embed_signup input.button {width:auto; box-sizing:border-box; padding:14px 16px; background-color:#000; height:auto; line-height:initial; -webkit-appearance: none; -moz-appearance: none;}
#newsletter #mc_embed_signup input.button:hover {background-color:rgb(209,74,224); color:#fff;}
/* Mail Chimp specific style over ride */
#mc_embed_signup {clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;}

/* Home Help */
#home-help .carousel {max-width:1024px; margin:0 auto;}

/* Devide Optimizations */
@media screen and (min-width: 1280px) { /* desktop huge */

}
/* @media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) {} retina desktop */
@media screen and (min-width: 1025px) and (max-width:1279px){}
@media screen and (min-width: 769px) and (max-width:1024px){}  /* hello desktop */
@media screen and (max-width: 768px) { /* most tablets */
	/* Base Styles */
	.columns {flex-direction:row; flex-wrap:wrap;}
	.column-four {flex:1 0 50%;}
	.column-two {flex:1 0 100%; box-sizing:border-box; position:relative;}
	.column-two:first-child {padding-right:0px;}
	.column-two:last-child {padding-left:0px;}
	.column-three {flex:1 0 100%;}
	.grid-six, .grid-five {width:33.33%; flex-basis:33.33%;}

	#hero-title {padding:80px 0px 0px 0px; max-width:640px; margin:0 auto; flex:1 0 100%; align-self:center; text-align:center;}
	#hero-image {margin-top:0px; flex:1 0 100%;}
	#workflow-image-wrap {padding:0px;}

	#new-key {}
	#new-key .column-two {padding:30px;}
	#new-key video, #new-key img {}
	.new-key-label {display:block; position:relative; width:100%;}
	#new-key-pers .new-key-label,  #new-key-batch .new-key-label {text-align:center; top:unset; left:unset; right:unset;}

	#testemonials .column-three {padding:30px 0px;}
	#testemonials .column-three:first-child {padding-top:0px;}
	#testemonials .column-three:last-child {padding-bottom:0px;}

	/* offset rows to make layout more interesting */
	.filter-cards#fc-row1 .filter-card:first-child {margin-left:15px;}
	.filter-cards#fc-row2 .filter-card:first-child {margin-left:-60px;}
	.filter-cards#fc-row3 .filter-card:first-child {margin-left:15px;}

	#prokit .column-two:first-child, #prokit .column-two:last-child {flex:1 0 100%; align-self:center; text-align:center;}

	/* Updates Page */
	#updates .columns div img {display:none;}
		#updates .columns div {overflow: hidden;}
	#updates .columns div img.inline {display:block; width:133%;}
	.update-header div {margin:0 -30px;}
	/* #updates #v20.columns div.hero img {width:128px; display:block; margin:10px 0;} */
}
@media screen and (max-width: 640px){}
@media screen and (max-width: 640px) and (orientation:landscape) {}  /* Mobile Landscape < iPhone 6 */
@media screen and (max-width: 480px) { /* phablet */
	#update-banner {display:none;}
	.nudge-arrow {display:none;}
	.column-two:last-child {padding:0;}
	.section.light {text-align:left;}
	.light .section-title {text-align:left;}
	.grid-five, .grid-six {width:50%; flex-basis:50%;}
	hr {margin:35px 0;}
	.inset, .inset-slim {padding:0 20px;}

	/* nav menu */
	#menu li a {padding:14px 6px; margin:0 0px;}
	#menu li.mhide:first-child {display:none;} /* hide press menu item when >480 */
	#menu li a.get {margin:12px 0px;}
	#faq #app-name, #updates #app-name, #about #app-name, #press #app-name {display:none;}
	
	/* upsell pages */
	#upsell p {font-size:17px;}

	/* main */
	#app-title {font-size:3.4em;}
	#masthead-backdrop {background-image:url("../images/main/masthead/masthead-30-neon-mobile.jpg"); }
	#masthead .inset, #workflow .inset, #prokit .inset {padding:0px;}
	#masthead #hero-title, #workflow .section-title, #prokit .section-title  {padding-left:30px; padding-right:30px;}

	#home .carousel {flex-wrap:nowrap; justify-content: initial; overflow-x:scroll; }
	#home .carousel-card {margin:0 10px 0 0;}
	#faq .carousel {padding-left:30px;}

	.tool {width:50%; box-sizing:border-box; flex-basis:50%; padding:20px 20px;}
	.grid-description {display:none;}

	#newsletter {}
	#newsletter #mc_embed_signup form {text-align:left;}
	#newsletter #mc_embed_signup input.email {width:200px;}
	
	footer li {padding:8px 0px;}
	footer #copyright {text-align:left;}

	/* beta */
	#beta .section-title img {width:80px}

	/* press */
	#press #submenu {text-align:left; font-size:0.9em; line-height:1.9em;}
	#press-coverage ul {column-count:1;}

	/* updates */
	#updates main {padding-top:53px;}
	#updates div.hero {margin-bottom:15px;}
	#updates div.hero img {width:64px;}
	#updates h2 {margin-top:0.2em}
	ul.highlights {list-style-type:unset; margin:0; padding-left:1.5em;}
	ul.highlights li b::before {display:none;}
	.update-header div {margin:0 -20px; overflow:hidden;}
	.update-header div img {width:120%; margin-left:-10%;}

}
@media screen and (max-width: 320px) { /* small phones (original iphone) */
	body {font-size:0.8em;}
	.inset, .inset-slim {padding:0 15px;}
	#logo {left:15px;}
	#menu {right:15px;}

	/* hide things on smallest devides */
	.mhide, ul.simple-hlist li.mhide {display:none;}

	/* updates page */
/* 	ul.highlights {padding-left:0px;}
	ul.highlights li b::before {display:none;} */

	/* upsell pages */
	#upsell p {line-height:2em; font-size:14px;}

	#faq .carousel {padding-left:15px;}
	#press main img {max-width:260px;}
}
@media screen and (device-aspect-ratio: 2/3) {}  /* iPhone < 5: */