/*!
 * Start Bootstrap - New Age v5.0.1 (https://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, html {
  width: 100%;
  height: 100%
}

body {
  font-family: 'Roboto', sans-serif;
  background: url(../img/bg-pattern.png), #329cc9;
  background: url(../img/bg-pattern.png), -webkit-gradient(linear, right top, left top, from(#329cc9), to(#215870));
  background: url(../img/bg-pattern.png), linear-gradient(to left, #329cc9, #215870)
}

a {
  color: #fdcc52;
  -webkit-transition: all .35s;
  transition: all .35s
}

a:focus, a:hover {
  color: #fcbd20
}

hr {
  max-width: 100px;
  margin: 25px auto 0;
  border-width: 1px;
  border-color: rgba(34, 34, 34, .1)
}

hr.light {
  border-color: #fff
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 1px
}

p {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}

section {
  padding: 50px 0;
}

.bg-gray {
  background: #ddd;
}

.text-gray {
  color: #333;
}

header.masthead {
  position: relative;
  width: 100%;
  color: #fff;
}

header.masthead .logo {
  margin: 30px auto 20px;
  display: block;
  width: 200px;
}

header.masthead .banner {
  width: 100%
}

header.masthead .header-content {
  max-width: 500px;
  margin-bottom: 100px;
  text-align: center
}

header.masthead .header-content h1 {
  font-size: 22px
}

header.masthead .header-content h2 {
  font-size: 18px
}

header.masthead .header-content p {
  font-size: 14px
}

section .badges .badge-link img {
  width: 135px;
  margin: 0 auto;
  display: block;
}

section#android .img-android {
  float: right;
  height: 75vh;
}

section#iphone .img-iphone {
  float: left;
  height: 75vh;
}

section .lists {
  font-size: 18px;
  color: #fff;
  padding-left: 30px;
}

section .call-action {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 10px;
  text-align: center;
}

.over-hidden {
  overflow: hidden;
}

.cursor-default {
  cursor: default;
}

.opacity {
  opacity: 0.5;
}

.pos-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
}

.clear {
  clear: both;
}

footer {
  text-align: center;
  color: #333;
}

footer p {
  font-size: 12px;
  margin: 0;
  color: #333;
}

footer img {
  width: 80px
}

.no-gutter>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.btn, .btn:hover, .btn:focus, .btn:active {
  border-radius: 300px;
  border: 2px solid #fff;
  font-family: 'Roboto', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
}