body {
  font-family: "Roboto", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; }

h1, h2, h3, h4, h5, h6 {
  letter-spacing: 0.7rem;
  text-transform: uppercase;
  font-family: 'Source Code Pro', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif ;}

h5 {
  margin-top: 2rem;
}

/*ul {*/
  /*margin-bottom: 0;*/
  /*list-style-type: none;*/
/*}*/

a {
  color: #FF6D00; }
a:hover {
  color: #E65100; }

.button.button-primary{
  background-color: #FF6D00;
  border-color: #FF6D00; }

.button.button-primary:hover,
.button.button-primary:focus{
  background-color: #E65100;
  border-color: #E65100; }

.u-vertical-align {
  vertical-align: middle;
}

.button-container {

}

.map-fluid-outer {
  width: 100%;
  height: 200px;
}

.map-fluid-inner {
  height: 100%;
}

.button-header-text {
  margin-bottom: 1rem;
}

.button-grid {
  float: left;
  box-sizing: border-box;
  margin-left: 0;
  width: 100%;
}

.map {
  width: 100%;
  height: 100%;
}

.footer {
  padding: 6rem 0 2rem;
  text-align: center;
}

.play-store-logo {
  width: 185px;
  height: 60px;
}

.social-icon {
  margin: 1rem;
}

/* Decode/Encode
-------------------------------------------------- */
.web-link-display {
  padding-top: 2rem;
  padding-bottom: 0;
}


/* Sections
-------------------------------------------------- */
.section {
  padding: 10rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

.phone {
  /*position: relative;*/
  /*max-width: 80%;*/
  height: 360px;
  margin: 0 auto -12rem;
}

.phone2 {
  float: none;
  clear: both;
  text-align: center;
}

.logo {
  padding: 3rem 0 2rem;
  float: none;
  text-align: center;
}

.logo h3 {
  font-size: 1.7rem;
}

.badge {
  padding-top: 1rem;
}

/* Values
-------------------------------------------------- */
.banner {
  background-image: url('../images/banner-lo.jpg');
  background-size: cover;
  color: #fff;
  /*padding-bottom: 5rem;*/
  text-align: right;
  font-family: 'Source Code Pro', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif ;
}

.banner h1{
  color:#FF6D00 ;
  font-weight: normal ;
  font-size: 6rem;
  padding-bottom: 2rem;
}

.banner h3{
  font-weight: normal ;
  font-size: 2rem;
}
/*.feature-multiplier {*/
  /*margin-bottom: .5rem;*/
  /*color: #11DFC7;*/
/*}*/
/*.feature-heading {*/
  /*margin-bottom: .3rem;*/
/*}*/
/*.feature-description {*/
  /*opacity: .8;*/
  /*font-weight: 300;*/
/*}*/

/* Values
-------------------------------------------------- */
.features {
  padding-top: 3rem;
  text-align: center;
}
.features h2 {
  margin-bottom: 5rem;
}

.features ul {
  margin-bottom: 0;
  list-style-type: none;
}

.feature-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.feature-heading {
  margin-bottom: .3rem;
}
.feature-description {
  opacity: .8;
  font-weight: 300;
}

.about {
  padding: 16rem 0 8rem;
  text-align: left;
}

.about li {
  /*list-style-type: disc;*/
  list-style-position: inside;
  text-indent: -1em;
  padding-left: 1em;
}

.about h4 {
  margin-top: 4rem;
}


/* Help
-------------------------------------------------- */
.get-help {
  border-bottom: 1px solid #ddd;
}

/* Header
-------------------------------------------------- */
.header {
  /*background-image: url('../images/banner-lo.jpg');*/
  background-color: #212121;
  background-size: cover;
  color: #fff;
  margin-bottom: 4rem;
  padding-top: 2rem;
}
.header .section-description {
  margin-bottom: 4rem;
}

.header h1 {
  color:#FF6D00 ;
  font-size: 3rem;
  margin-bottom: 1rem;
}

.header h3 {
  font-size: 1.6rem;
}


/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 12rem 0 11rem;
  }
  .phone {
    /*position: absolute;*/
    /*top: -7rem;*/
    /*right: 3rem;*/
    /*max-height: 362px;*/
    /*z-index: 3;*/
    height: 480px;
  }

  .logo h3 {
    font-size: 2rem;
  }

  .header {
    padding: 3rem 0 1rem;
  }

  .header h1 {
    color:#FF6D00 ;
    font-size: 3.5rem;
  }

  .header h3 {
    font-size: 2rem;
  }


  .button-container {
    margin-left: -2%;
    margin-right: -2%;
  }

  /*.button-grid {*/
    /*width: 180px;*/
    /*float: right;*/
    /*margin-left: 16px;*/
    /*margin-bottom: 2rem;*/
  /*}*/

  .map-fluid-outer {
    height: 250px;
  }



  .button-grid {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 1rem;
  }

  .social-icon {
    margin: 3rem;
  }
  /*.button-grid:first-child {*/
    /*margin-left: 0;*/
  /*}*/
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .section {
    padding: 14rem 0 15rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }


  .header {
    padding: 6rem 0 2rem;
  }

  .header h1 {
    color:#FF6D00 ;
    font-size: 4rem;
  }

  .header h3 {
    font-size: 2rem;
  }

  .banner {
    padding-top: 6rem;
  }

  .button-grid {
    width: 46%;
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 2rem;
  }

  .phone {
    /*top: -14rem;*/
    /*right: 5rem;*/
    /*max-height: 510px;*/
    height: 480px;
  }

  .phone2 {
    float: left;
    clear: none;
    max-width: 40%;
    text-align: left;
  }

  .logo {
    padding: 10rem 0 2rem;
    float: right;
    clear: none;
    max-width: 60%;
    text-align: right;
  }

  .logo h3 {
    font-size: 1.7rem;
  }

  .web-link-display {
    padding-top: 3rem;
    padding-bottom: 0rem;
  }

  .map-fluid-outer {
    height: 350px;
  }
}

/* Bigger than 1000 */
@media (min-width: 1050px) {
  .section {
    padding: 20rem 0 19rem;
  }
  .phone {
    height: 615px;
  }

  .logo {
    padding: 20rem 0 2rem;
  }

  .logo h3 {
    font-size: 2rem;
  }

  .header {
    padding: 6rem 0 2rem;
  }

  .header h1 {
    color:#FF6D00 ;
    font-size: 4rem;
  }

  .header h3 {
    font-size: 2rem;
  }

  .map-fluid-outer {
    height: 400px;
  }

  .button-grid {
    width: 21%;
    margin-left: 2%;
    margin-right: 2%;
  }

  .web-link-display {
    padding-top: 4rem;
    padding-bottom: 1rem;
  }

}


/* Bigger than 1600 */
@media (min-width: 1600px) {

  .header {
    padding: 12rem 0 3rem;
  }

  .header h1 {
    color:#FF6D00 ;
    font-size: 5rem;
  }

  .header h3 {
    font-size: 2.5rem;
  }

  .map-fluid-outer {
    height: 450px;
  }

}
/* Bigger than 2000 */
@media (min-width: 2000px) {

  .header {
    padding: 12rem 0 5rem;
  }

  .header h1 {
    color:#FF6D00 ;
    font-size: 6rem;
  }

  .header h3 {
    font-size: 3.6rem;
  }

  .map-fluid-outer {
    height: 500px;
  }

}