body {
  background-color: rgb(59, 59, 66);
  font: 300 1.25em/1.38 lato;
  color: #f0f0f0;
}

.availablenow {
  margin: 30px auto 0;
  font-size: 3.2em;
  font-weight: 200;
  line-height: 1.38;
  text-align: center;
  color: #3b3b42;
}

.contactus {
  float: left;
  font-size: 0.8em;
  line-height: 1.38;
  color: rgba(240, 240, 240, 0.6);
}

.container-description {
  position: relative;
  width: 936px;
  margin: 40px auto 0;
}

.container-description .container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 35;
  width: 384px;
  height: 27px;
  margin: auto 0;
}

.container-notification .container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 31;
  width: 392px;
  height: 27px;
  margin: auto 0;
}

.container-notification,
.container-popover {
  position: relative;
  width: 936px;
  margin: 80px auto 0;
}

.container-popover .container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 27;
  width: 390px;
  height: 27px;
  margin: auto 0;
}

.description {
  width: 90%;
  max-width: 1024px;
  margin: 20px auto 0;
}

.description1 {
  width: 737px;
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.description2 {
  width: 822px;
  margin: 20px auto 0;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.download {
  float: left;
  margin-left: 25px;
  border-radius: 210px;
  font-size: 1em;
  line-height: 1.2;
  color: #f0f0f0;
}

.downloadappstorecontainer {
  float: left;
  clear: both;
  width: 100%;
  height: 60px;
  margin-top: 30px;
}

.drag-and-drop,
.gestimertitle {
  margin: 0 auto;
  font-size: 3.2em;
  font-weight: 200;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.emailcontainer {
  width: 100%;
  height: 60px;
  margin: 20px auto 0;
}

.emailinput {
  width: 550px;
  height: 60px;
  margin: 0 auto;
  overflow: hidden;
}

.downloadsubtitle,
.emailsubtitle {
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: rgba(59, 59, 66, 0.6);
}

.features {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background: rgba(255, 255, 255, 0.05);
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #577399;
  background:    -moz-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #577399;
  background:      -o-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #577399;
  background:     -ms-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #577399;
  background:         linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #577399;
}

.footercontainer {
  position: relative;
  float: left;
  clear: both;
  width: 100%;
  height: 60px;
  background-color: #3b3b42;
}

.footerlinks {
  float: right;
  width: 166px;
  margin-right: 4.99878%;
}

.footertext {
  float: left;
  margin-left: 4.99878%;
  font-size: 0.8em;
  line-height: 1.38;
  text-align: center;
  color: rgba(240, 240, 240, 0.6);
}

.gestimer {
  float: left;
  font-size: 1em;
  line-height: 1.2;
  color: #f0f0f0;
}

.gestimericon {
  display: block;
  width: 120px;
  height: auto;
  overflow: hidden;
}

.gestimertagline {
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: rgba(240, 240, 240, 0.7);
}

.languages {
  margin-right: auto;
  margin-left: auto;
}

.languages-container {
  margin: 40px auto 0;
}

.languages-container .languages {
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.languages1 {
  float: left;
  font-size: 1em;
  line-height: 1.38;
  color: #f0f0f0;
}

.languages2,
.languages3 {
  float: left;
  margin-left: 40px;
  font-size: 1em;
  line-height: 1.38;
  color: #f0f0f0;
}

.legalcrapcontainer {
  position: relative;
  float: left;
  width: 100%;
  height: 22px;
  margin-top: 20px;
}

.loopvideocontainr {
  float: left;
  clear: both;
  width: 100%;
  height: 360px;
  margin-top: 40px;
}

.maincontentcontainer {
  float: left;
  width: 100%;
  padding-bottom: 30px;
  background: rgba(255, 255, 255, 0.05);
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #1c6e8c;
  background:    -moz-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #1c6e8c;
  background:      -o-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #1c6e8c;
  background:     -ms-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #1c6e8c;
  background:         linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) #1c6e8c;
  overflow: hidden;
}

.maincontentcontainer:hover {
  position: static;
}

.navcontainer {
  position: relative;
  float: left;
  width: 100%;
  height: 84px;
}

.presskit {
  float: left;
  margin-left: 25px;
  font-size: 0.8em;
  line-height: 1.38;
  color: rgba(240, 240, 240, 0.6);
}

.readfaq {
  margin: 20px auto 0;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.reminder-description-text {
  width: 100%;
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.rightnavcontainer {
  float: right;
  width: 362px;
  margin: 30px 4.98047% 0 0;
}

.screenshot-main {
  display: block;
  width: 752px;
  height: auto;
  margin: 40px auto 0;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.screenshot_description {
  display: block;
  float: left;
  width: 532px;
  height: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.screenshot_notification,
.screenshot_popover {
  display: block;
  float: left;
  width: 524px;
  height: auto;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

.separator {
  width: 59.9996293001%;
  height: 1px;
  margin: 25px auto 0;
  background-color: rgba(0, 0, 0, 0.1);
}

.stayintouch {
  margin: 10px auto 0;
  font-size: 3.2em;
  font-weight: 200;
  line-height: 1.38;
  text-align: center;
  color: #3b3b42;
}

.subscribesection {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 30px;
  background: rgb(255, 255, 255);
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(255, 255, 255);
  background:    -moz-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(255, 255, 255);
  background:      -o-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(255, 255, 255);
  background:     -ms-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(255, 255, 255);
  background:         linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(255, 255, 255);
}

.subscribesection .gestimericon {
  margin: 8px auto 0;
}

.support,
.twitter {
  float: left;
  margin-left: 25px;
  font-size: 1em;
  line-height: 1.2;
  color: #f0f0f0;
}

.systemrequirements {
  margin: 4px auto 0;
  font-size: 0.7em;
  line-height: 1.38;
  text-align: center;
  color: rgba(59, 59, 66, 0.6);
}

.reminder-notification-text,
.reminder-popover-text,
.text {
  margin: 0 auto;
  font-size: 1em;
  line-height: 1.38;
  text-align: center;
  color: #f0f0f0;
}

.titlecontainer {
  height: 120px;
}

.titlecontainer .gestimericon {
  float: left;
}

.titlecontainer .titlecontainer {
  position: relative;
  width: 482px;
  margin: 0 auto;
}

.titletextcontainer {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.titletextcontainer .titletextcontainer {
  left: 0;
  z-index: 53;
  width: 100%;
}

.video {
  float: left;
  clear: both;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background: rgb(59, 59, 66);
  background: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(59, 59, 66);
  background:    -moz-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(59, 59, 66);
  background:      -o-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(59, 59, 66);
  background:     -ms-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(59, 59, 66);
  background:         linear-gradient(135deg, rgba(255, 255, 255, 0.05) 0%, rgba(0, 0, 0, 0.05) 100%) rgb(59, 59, 66);
}

.loopvideo,
.youtube {
  width: 640px;
  height: 360px;
  margin: 0 auto;
  border-radius: 2px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  overflow: hidden;
}

._button {
  display: block;
  width: 254px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  background-image: url('../images/AppStoreBadge.png');
  background-repeat: no-repeat;
  background-size: 254px 60px;
  background-position: left top;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1.38;
  text-align: center;
  color: rgb(0, 0, 0);
}

.subscribesection ._button {
  margin-top: 16px;
}

.container-4 {
  width: 80%;
  margin: 24px auto 0;
}

.languages-2 {
  width: 523px;
  margin-top: 20px;
}

.titlecontainer-1 {
  float: left;
  clear: both;
  width: 100%;
  margin-top: 40px;
}

.titletextcontainer-1 {
  left: 26.7982826576%;
  z-index: 54;
  width: 73.486768018%;
  height: 115px;
}

.contactus a,
.contactus span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.description1 a,
.description1 span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.description2 a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: underline;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.languages strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-style: inherit;
  font-size: inherit;
  font-weight: 400;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.description2 span,
.download a,
.gestimer a,
.gestimertitle span,
.languages a,
.languages em,
.languages span,
.presskit a,
.support a,
.twitter a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.reminder-description-text span,
.reminder-notification-text span {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.readfaq a,
.text a {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: underline;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 938px) {
  .container .reminder-description-text,
  .container .reminder-notification-text {
    width: 99.9536289948%;
  }

  .container-description .container {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 89.9572649572%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-notification .container {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 89.9570593025%;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-popover .container {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 90%;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-description .screenshot_description,
  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover {
    float: none;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .description .description1 {
    width: 87.3028799881%;
  }

  .description .description2 {
    width: 93.8180202857%;
  }

  .features .container-description {
    width: 90%;
  }

  .features .container-notification,
  .features .container-popover {
    width: 90%;
    margin-top: 40px;
  }

  .features .screenshot-main,
  .footercontainer .legalcrapcontainer,
  .subscribesection .gestimericon,
  .titlecontainer .gestimericon {
    height: auto;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
  }

  .legalcrapcontainer .footerlinks,
  .navcontainer .rightnavcontainer {
    margin-right: 4.9956699999%;
  }

  .legalcrapcontainer .footertext {
    margin-left: 4.9956699999%;
  }

  .features .drag-and-drop,
  .subscribesection .availablenow,
  .subscribesection .stayintouch {
    font-size: 2.7em;
  }

  .titlecontainer .titletextcontainer-1,
  .titletextcontainer .titletextcontainer {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .features .container-4 {
    margin-top: 12px;
  }

  .languages .languages3-1 {
    z-index: 19;
  }

  .languages .languages3-2 {
    z-index: 22;
  }
}

@media(max-width: 843px) {
  body {
    font-size: 1.25em;
  }

  .features .screenshot-main {
    width: 89.2052194543%;
    height: auto;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
  }

  .legalcrapcontainer .footerlinks {
    margin-right: 4.98962%;
  }

  .legalcrapcontainer .footertext {
    margin-left: 4.99333%;
  }

  .maincontentcontainer .loopvideocontainr {
    height: auto;
    margin-top: 30px;
  }

  .navcontainer .rightnavcontainer {
    margin-right: 4.99333%;
  }

  .subscribesection .emailsubtitle {
    margin-top: 10px;
  }

  .container-description .screenshot_description,
  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover,
  .subscribesection .gestimericon,
  .titlecontainer .gestimericon {
    height: auto;
  }

  .titlecontainer .titletextcontainer-1,
  .titletextcontainer .titletextcontainer {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .languages .languages3-1 {
    z-index: 19;
  }

  .languages .languages3-2 {
    z-index: 22;
  }

  .maincontentcontainer .titlecontainer-1 {
    margin-top: 25px;
  }
}

@media(max-width: 640px) {
  .container-description .screenshot_description {
    width: 100%;
    height: auto;
  }

  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover {
    width: 98.4962406015%;
    height: auto;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
  }

  .legalcrapcontainer .footerlinks {
    margin-right: 4.99512%;
  }

  .legalcrapcontainer .footertext {
    margin-left: 4.99512%;
  }

  .navcontainer .rightnavcontainer {
    float: none;
    margin-right: auto;
    margin-left: auto;
  }

  .subscribesection .emailsubtitle {
    margin-top: 0;
  }

  .features .screenshot-main,
  .subscribesection .gestimericon,
  .titlecontainer .gestimericon {
    height: auto;
  }

  .titlecontainer .titletextcontainer-1,
  .titletextcontainer .titletextcontainer {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .loopvideocontainr .loopvideo,
  .video .youtube {
    width: 90%;
  }

  .languages .languages3-1 {
    z-index: 19;
  }

  .languages .languages3-2 {
    z-index: 22;
  }
}

@media(max-width: 550px) {
  body {
    font-size: 1.25em;
  }

  .description .description1,
  .emailcontainer .emailinput {
    width: 100%;
  }

  .footerlinks .contactus {
    font-size: 0.7em;
  }

  .footerlinks .presskit {
    margin-left: 15px;
    font-size: 0.7em;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
    width: 108px;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
    margin-top: 14px;
  }

  .legalcrapcontainer .footerlinks {
    width: 146px;
    margin-right: 1.99716%;
  }

  .legalcrapcontainer .footertext {
    margin-left: 1.99716%;
    font-size: 0.7em;
  }

  .subscribesection .downloadsubtitle,
  .subscribesection .emailcontainer,
  .subscribesection .emailsubtitle {
    width: 90%;
  }

  .container-description .screenshot_description,
  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover,
  .features .screenshot-main,
  .subscribesection .gestimericon,
  .titlecontainer .gestimericon {
    height: auto;
  }

  .titlecontainer .titletextcontainer-1,
  .titletextcontainer .titletextcontainer {
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }

  .loopvideocontainr .loopvideo,
  .video .youtube {
    height: 300px;
  }

  .features .container-4 {
    float: left;
    clear: both;
    margin-right: 0;
    margin-left: 10%;
  }

  .features .languages-2 {
    width: 244px;
  }

  .languages .languages3-1 {
    clear: both;
    z-index: 19;
    width: 108px;
    margin-left: 0;
  }

  .languages .languages3-2 {
    z-index: 22;
  }
}

@media(max-width: 444px) {
  .footercontainer .legalcrapcontainer {
    height: 46px;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
  }

  .legalcrapcontainer .footerlinks {
    float: none;
    margin-top: -41px;
    margin-right: auto;
    margin-left: auto;
  }

  .legalcrapcontainer .footertext {
    float: none;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
  }

  .features .drag-and-drop,
  .subscribesection .availablenow {
    width: 90%;
  }

  .subscribesection .emailcontainer {
    width: 89.9985923423%;
  }

  .container-description .screenshot_description,
  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover,
  .features .screenshot-main,
  .maincontentcontainer .titlecontainer-1,
  .subscribesection .gestimericon {
    height: auto;
  }

  .titlecontainer .gestimericon {
    float: none;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }

  .titlecontainer .titlecontainer {
    width: 100%;
    height: auto;
  }

  .titletextcontainer .titletextcontainer {
    position: static;
    top: auto;
    bottom: auto;
    left: auto;
    right: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
  }

  .loopvideocontainr .loopvideo,
  .video .youtube {
    height: 240px;
  }

  .features .container-4 {
    float: none;
    clear: none;
    margin-right: auto;
    margin-left: auto;
  }

  .languages .languages3-1 {
    z-index: 19;
  }

  .languages .languages3-2 {
    z-index: 22;
  }

  .titlecontainer .titletextcontainer-1 {
    position: relative;
    float: left;
    clear: both;
    top: auto;
    bottom: auto;
    left: auto;
    width: 100%;
  }
}

@media(max-width: 373px) {
  body {
    font-size: 1.25em;
  }

  .languages .languages1 {
    position: relative;
    z-index: 21;
  }

  .languages .languages2 {
    position: relative;
    z-index: 20;
  }

  .languages .languages3 {
    position: relative;
  }

  .languages-container .languages {
    width: 76%;
  }

  .maincontentcontainer .loopvideocontainr {
    margin-top: 10px;
  }

  .navcontainer .rightnavcontainer {
    width: 300px;
  }

  .rightnavcontainer .download,
  .rightnavcontainer .support,
  .rightnavcontainer .twitter {
    margin-left: 15px;
    font-size: 0.9em;
  }

  .rightnavcontainer .gestimer {
    font-size: 0.9em;
  }

  .container-description .container,
  .container-description .screenshot_description,
  .container-notification .container,
  .container-notification .screenshot_notification,
  .container-popover .screenshot_popover,
  .features .screenshot-main,
  .subscribesection .gestimericon,
  .titlecontainer .gestimericon {
    height: auto;
  }

  .features .drag-and-drop,
  .subscribesection .availablenow,
  .subscribesection .stayintouch {
    font-size: 2.2em;
  }

  .titletextcontainer .gestimertagline {
    font-size: 0.8em;
  }

  .languages .languages3-1 {
    z-index: 19;
  }

  .languages .languages3-2 {
    z-index: 22;
  }
}