/*!
 * Start Bootstrap - New Age v4.0.0-alpha (http://startbootstrap.com/template-overviews/new-age)
 * Copyright 2013-2018 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-new-age/blob/master/LICENSE)
 */
body {
  background: linear-gradient(-78deg, #009ce4 0%, #142b49 100%);
  background-repeat: no-repeat; }

.navbar {
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto; }

.nav-footer {
  width: 110%; }

.wrapper {
  background: url(../assets/images/texture-left.svg) -300px 450px, url(../assets/images/texture-left.svg) 700px;
  background-repeat: no-repeat; }

#main {
  background: url(../static/cloud.svg) no-repeat 17% 8%;
  background-size: 190px 120px; }

.navbar {
  padding-top: 45px; }

#main .hero-section {
  background: url(../static/cloud.svg) no-repeat 33% 70%;
  background-size: 190px 120px; }

#main .hero-section > .container > .row article h2 {
  font-size: 52px; }

#main .hero-section > .container {
  padding: 0px 0 50px;
  background: none;
  background-repeat: no-repeat; }

#main .hero-section > .container > .row article {
  padding-top: 100px;
  padding-right: 0px; }

#main .hero-section > .container > .row article p {
  font-size: 18px;
  font-weight: 500;
  margin-top: 30px; }

p {
  line-height: 1.5; }

.btn-cont.row {
  margin-top: 65px; }
  .btn-cont.row img {
    width: 200px; }
  .btn-cont.row .col-sm-2 {
    line-height: 3.5;
    font-size: 18px;
    padding-left: 30px;
    padding-right: 0; }

.link-list {
  padding-left: 15px;
  font-size: 18px;
  margin-top: 13px; }

#main .hero-section > .container > .row article p.learn-more {
  margin-top: 50px; }
  #main .hero-section > .container > .row article p.learn-more a {
    color: #15d7e4;
    text-decoration: underline;
    font-weight: 600; }

#main .hero-section > .container > .row article .nav.navbar-nav {
  margin-top: 135px;
  margin-bottom: 75px; }
  #main .hero-section > .container > .row article .nav.navbar-nav a {
    font-size: 18px;
    color: #15d7e4;
    padding-left: 0px;
    padding-right: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1;
    border-right: 2px solid #15d7e4; }
    #main .hero-section > .container > .row article .nav.navbar-nav a:hover {
      background-color: transparent;
      text-decoration: underline; }
    #main .hero-section > .container > .row article .nav.navbar-nav a:focus {
      background-color: transparent; }
  #main .hero-section > .container > .row article .nav.navbar-nav li {
    padding-left: 5px;
    padding-right: 0px;
    padding-top: 3px;
    padding-bottom: 3px; }
  #main .hero-section > .container > .row article .nav.navbar-nav li:first-child {
    padding-left: 0; }
  #main .hero-section > .container > .row article .nav.navbar-nav li:last-child a {
    border: none; }

.app-phone-container {
  text-align: right;
  padding-top: 20px;
  padding-right: 0;
  background: url(../static/cloud.svg) no-repeat 0% 38%;
  background-size: 190px 120px; }

.app-phone {
  width: 420px; }

@media (max-width: 1200px) {
  .btn-cont.row .col-sm-2 {
    text-align: center;
    padding-right: 17px;
    line-height: 3.5;
    font-size: 18px; } }

@media (max-width: 992px) {
  .btn-cont.row .col-sm-2 {
    line-height: 2.5;
    text-align: center; }
  .btn-cont.row img {
    width: 100%; }
  .app-phone {
    width: 100%; } }

@media (max-width: 768px) {
  body {
    background-size: 200%; }
  .wrapper #main > section.hero-section .container {
    padding: 40px 0 40px !important; }
  .wrapper {
    background: url(../assets/images/texture-left.svg) -300px 950px;
    background-size: 150%;
    background-repeat: no-repeat; }
  #main {
    background: url(../static/cloud.svg) no-repeat -10% 8%;
    background-size: 190px 120px; }
  #main .hero-section {
    background: url(../static/cloud.svg) no-repeat 100% 75%;
    background-size: 190px 120px; }
  #main .hero-section > .container > .row article {
    padding-top: 35px;
    margin-bottom: 30px !important; }
  #main .hero-section > .container > .row article h2 {
    padding-right: 15px;
    font-size: 66px;
    text-align: left;
    padding-left: 5px; }
  #main .hero-section > .container > .row article p {
    padding-right: 15px;
    font-size: 26px;
    margin-top: 10px;
    text-align: left; }
  .btn-cont.row {
    margin-top: 0px;
    position: relative; }
  .ios-webapp-container {
    padding-left: 0;
    padding-right: 30px;
    width: 46%; }
    .ios-webapp-container a img {
      width: 90%; }
  .btn-cont.row .col-sm-2 {
    padding-right: 9%; }
  .google-play-camtainer {
    padding-right: 0;
    width: 46%; }
  .or-separator {
    padding: 0 !important;
    width: 8%;
    line-height: 1 !important;
    height: 2vw; }
    .or-separator span {
      position: absolute;
      left: 50%;
      margin-left: -9px;
      top: 4vw; }
  .link-list {
    text-align: left;
    font-size: 18px;
    margin-top: 20px; }
  .app-phone-container-xs {
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
    width: 90%; }
  .nav > li, .nav > li > a {
    display: inline-block; }
  .logo-bottom-xs {
    margin-top: 180px; }
    .logo-bottom-xs img {
      width: 55%; }
  #main .hero-section > .container > .row article .nav.navbar-nav {
    margin-top: 25px; }
  .nav-footer {
    width: 100%;
    margin-bottom: 0 !important; } }

@media (max-width: 400px) {
  #main .hero-section > .container > .row article h2 {
    font-size: 48px; } }