#hamburger {
  display: inline;
  font-size: 90px;
  padding-right: 20px;
  padding-top: 14px;
  text-decoration: none; }

#mobile-menu-container {
  -webkit-overflow-scrolling: touch; }

#mobile-menu {
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 0;
  z-index: 10;
  position: fixed;
  height: 70%;
  width: 100%;
  background-color: white; }
  #mobile-menu .menu {
    width: 100%; }
  #mobile-menu .menu-entry-box {
    flex: 0 0 14.285714%;
    display: flex;
    flex-direction: row;
    align-items: center;
    border-bottom: 1px solid gray;
    width: 100%; }
    #mobile-menu .menu-entry-box a {
      flex: 1 1;
      padding-left: 150px;
      text-transform: uppercase;
      font-size: 48px;
      text-decoration: none; }
    #mobile-menu .menu-entry-box .nav-button {
      flex: 0 0 40px; }
  #mobile-menu .download-menu-entry-box {
    display: none; }

/*** BASIC PAGE ELEMENTS ** */
#fancybox-close {
  transform: scale(2.5); }

#desktop-menu {
  display: none; }

div#main {
  width: 100%;
  margin-left: 20px;
  margin-right: 20px; }

#top-logo {
  display: block;
  padding-top: 8px; }
  #top-logo img {
    width: 400px;
    height: auto; }

.top-available-logo-desktop {
  display: none; }

.top-available-logo-mobile {
  display: block; }
  .top-available-logo-mobile img {
    width: 320px;
    height: auto; }

.as-seen-in img.today-show-logo {
  width: 150px; }

.as-seen-in img.refinery29-logo {
  width: 200px; }

#top {
  padding-bottom: 30px;
  padding-top: 40px; }

#top div.menu {
  margin-left: 0;
  height: auto;
  padding-top: 30px;
  padding-bottom: 25px;
  text-align: left;
  width: auto;
  clear: left; }
  #top div.menu a {
    font-size: 72px;
    padding-right: 8px;
    padding-left: 20px; }

.nav-button {
  display: block;
  float: right;
  font-size: 48px;
  font-weight: bold;
  position: relative;
  left: -100px; }

#top-menu-download-link {
  display: none; }

.home-link {
  display: block; }

.as-seen-in {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  justify-items: center;
  align-items: center; }
  .as-seen-in a {
    margin-bottom: 34px; }
  .as-seen-in img {
    width: 300px;
    height: auto; }

#footer .footer-text a, #footer .footer-text div, #footer .footer-text span {
  font-size: 36px;
  line-height: 1.6em;
  text-align: center; }

#footer .footer-text {
  flex-direction: column;
  display: flex; }

.footer-text-separator {
  display: none; }

#footer .footer-text div.footer-column-header {
  font-size: 42px;
  padding-top: 40px;
  padding-bottom: 20px; }

.footer-menu a.download {
  text-align: center;
  text-decoration: none; }
  .footer-menu a.download img {
    width: 50%; }

#footer-pin {
  display: none; }

.footer-menu {
  display: block;
  padding-top: 100px; }

.footer-menu-column {
  padding-left: 20px;
  font-size: 36px;
  width: 300px; }
  .footer-menu-column div {
    padding-bottom: 10px; }

#footer .footer-sm-links {
  padding-top: 40px;
  padding-right: 0;
  justify-content: center; }
  #footer .footer-sm-links a {
    padding: 20px; }
  #footer .footer-sm-links img {
    width: 120px; }

/*** HOME PAGE */
.home-tile-grid {
  grid-template-columns: repeat(2, 580px);
  grid-template-rows: repeat(2, 580px);
  row-gap: 40px;
  column-gap: 40px; }

.home-tile-grid .home-tile-container {
  width: 580px;
  height: 580px; }

.tile-title-overlay {
  font-size: 42px; }

#download-tile {
  display: none; }

/*** SLIDES */
.homepage-slide-overlay-container {
  display: none; }

.slide-overlay-container {
  display: none; }

#homepage-slides-container {
  padding-bottom: 40px; }

.homepage-slide-overlay-button {
  transform: scale(2);
  padding-left: 5px;
  padding-top: 5px;
  z-index: 0;
  position: absolute;
  top: 20px; }

#slide-button-container {
  display: none;
  clear: both;
  height: 30px;
  padding-bottom: 20px; }

#slides-images img {
  width: 1200px;
  max-width: 1200px;
  height: auto; }

/*** STORY CONTENTS ** */
#story-container {
  margin: 0 20px;
  width: auto; }

.story-byline {
  margin-bottom: 10px;
  font-size: 32px; }

#story-title {
  margin: 0 40px; }

#story-container, #story-contents {
  margin: 0 40px;
  font-size: 42px;
  line-height: 1.4em; }
  #story-container h1, #story-contents h1 {
    line-height: 102px; }
  #story-container p, #story-container li, #story-contents p, #story-contents li {
    margin: 28px 0; }
  #story-container .story-subhead, #story-contents .story-subhead {
    margin: 0; }
  #story-container img.story-image, #story-contents img.story-image {
    width: 100%; }
  #story-container p, #story-container li, #story-container .story-subhead, #story-container h2, #story-container h5, #story-contents p, #story-contents li, #story-contents .story-subhead, #story-contents h2, #story-contents h5 {
    width: auto;
    font-size: 36px;
    line-height: 2em; }
  #story-container .story-headline, #story-contents .story-headline {
    font-size: 48px;
    line-height: 65px;
    width: auto;
    margin-left: 0; }
  #story-container input, #story-contents input {
    margin-left: 40px;
    zoom: 2; }
  #story-container p.links, #story-container p.links a, #story-contents p.links, #story-contents p.links a {
    width: auto;
    font-size: 24px;
    line-height: 32px; }
  #story-container #story-contents li, #story-contents #story-contents li {
    margin-left: 70px;
    width: 750px; }
  #story-container .story-title-image, #story-contents .story-title-image {
    width: 100%; }

.left-column-header {
  font-size: 40px;
  font-weight: bold; }

.checklist-entry-text, #story-contents h6, #story-contents h3, #story-contents h5 {
  font-size: 52px;
  line-height: 72px; }

div.get-the-app {
  font-size: 36px;
  line-height: 44px;
  flex-direction: column;
  align-items: center; }
  div.get-the-app div {
    padding-bottom: 30px; }
  div.get-the-app img {
    text-align: center;
    padding-right: 0; }
  div.get-the-app img.get-the-app-icon {
    width: 100%;
    padding-right: 0; }
  div.get-the-app .get-the-app-store-logo-holder {
    flex: 0 1 200px;
    text-align: center;
    padding-bottom: 0; }
  div.get-the-app .get-the-app-store-logo-holder img {
    width: 80%;
    font-size: 48px; }
  div.get-the-app .get-the-app-desc {
    flex: 1 0 100px;
    padding-right: 0;
    text-align: center; }
    div.get-the-app .get-the-app-desc strong {
      font-size: 56px; }
    div.get-the-app .get-the-app-desc div {
      padding-top: 10px; }

.inline-get-the-app-cta {
  flex-direction: column;
  padding-bottom: 60px; }
  .inline-get-the-app-cta img {
    width: 300px; }

div.related-posts {
  grid-template-columns: repeat(2, 1fr); }
  div.related-posts div.related-post {
    width: 400px;
    height: 400px;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 30px; }
    div.related-posts div.related-post .related-post-image img {
      width: 400px;
      height: auto; }
    div.related-posts div.related-post .related-post-desc {
      width: 400px;
      height: auto;
      top: -46px;
      font-size: 30px; }

/*** DOWNLOAD FRAME ** */
#download-frame .download-frame-mobile-intro {
  display: block; }

#download-frame {
  padding-top: 12px;
  width: 840px;
  height: 1188px;
  background-position: 0 -60;
  background-repeat: no-repeat;
  background-image: url(images/download_popup_bg_phone.jpg); }

#download-frame .download-frame-desktop-intro {
  display: none; }

#download-frame #downloadOuterLink {
  display: none; }

#download-frame #download-frame-intro-text {
  font-weight: bold; }

#download-frame, #download-frame * {
  font-size: 36px;
  line-height: 54px; }

.download-frame-app-store-logo {
  margin-top: 710px; }

#download-frame img#download-frame-app-store-logo-image {
  width: 400px; }

#download-frame-rotating-text-container {
  height: 54px; }

/*** SPECIFIC PAGES ** */
.features-grid {
  grid-template-columns: repeat(2, 450px);
  grid-column-gap: 110px;
  grid-row-gap: 100px;
  justify-items: center;
  justify-content: center; }

.feature-details-link {
  width: 450px;
  height: 864px;
  background-size: 450px 864px; }
  .feature-details-link img {
    width: 360px;
    height: auto;
    margin-top: 76px;
    margin-left: 42px;
    margin-bottom: 100px; }
  .feature-details-link .feature-icon-title {
    font-size: 36px; }

.featured-users-header img {
  width: 100%; }

.features-header {
  font-size: 36px;
  text-align: center; }

#features-header-pin {
  display: none; }

.featured-users-quote {
  font-size: 52px;
  line-height: 72px;
  margin: 0 -60px 0 -60px;
  padding: 20px 0; }

.features-quote-holder {
  height: 120px;
  min-height: 120px;
  max-height: 120px; }

.long-features-quote-holder {
  min-height: 430px; }

.features-quote, .features-quote strong, .features-quote a {
  font-size: 52px;
  line-height: 72px; }

#story-contents .features-quote li, #story-contents .features-quote li strong, #story-contents .features-quote li a {
  font-size: 15px;
  line-height: 1.4em; }

.feature-grid-holder b {
  font-size: 24px; }

.feature-details {
  flex-direction: column; }

.feature-animation-column {
  text-align: center; }
  .feature-animation-column img {
    width: 50%;
    height: auto; }

.feature-stills-column {
  display: none; }

.feature-tagline {
  font-size: 36px;
  line-height: 42px; }

.feature-text-column {
  padding-top: 20px;
  width: 900px; }

.feature-text-column li, .feature-text-column-truncated li {
  width: 1100px; }

.feature-text-column li, .feature-text-column-truncated li, .feature-text-column-truncated strong {
  font-size: 48px;
  line-height: 1.6em; }

.feature-text-column-truncated {
  max-height: 400px;
  overflow-y: hidden;
  width: 1100px; }

.feature-text h1 {
  font-size: 56px; }

.read-more-button {
  display: block;
  text-align: center;
  font-size: 36px; }

.press-page {
  margin-top: 40px; }

.press-covers {
  grid-template-columns: repeat(2, 1fr); }
  .press-covers a {
    width: auto; }
  .press-covers img {
    width: 300px; }

.press-entry {
  font-size: 28px; }

.press-links {
  width: auto; }

.video-column-container {
  column-count: 1; }

.press-links {
  font-size: 32px; }

.video-list {
  width: 100%;
  padding-bottom: 80px; }

.video-entry {
  font-size: 36px;
  padding-bottom: 12px; }

.video-header {
  font-size: 28px; }

.videos-subscribe {
  font-size: 28px; }

.vlink-prefix-dot {
  display: none; }

.question {
  padding-bottom: 30px; }

.faq {
  column-count: 1; }

/*** COLUMNS ** */
.text-column {
  width: 1000px;
  padding-left: 10px; }
  .text-column b, .text-column p, .text-column li, .text-column strong, .text-column blockquote, .text-column h1, .text-column h2, .text-column h3, .text-column h4, .text-column h5, .text-column h6 {
    font-size: 46px;
    line-height: 90px; }

.left-column-header, .question, .answer, .answer a, .answer strong {
  font-size: 32px;
  line-height: 50px; }

.contact-entry, .contact-entry h6, .large-left-column-layout .small-right-column a, #social-buttons-contact a {
  font-size: 26px;
  line-height: 1.4em; }