/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header{
  display: none;
}
.Logos{

}
.ascLogo{
  padding: 25px;
  width: 250px;
}
.vLogo{
  padding: 25px;
  width: 250px;
  float: right;
}
.button {
  /*border-radius: 100px;
  margin: 3rem 0 1rem;*/
}
.btn_disclaimer{
  font-size: 2rem;
}
.quote{
  display: block;
  width: 260px;
  margin: 45px auto;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
  font-weight: 700;
}
.hero .line {
  margin: 10px auto 15px auto;
  width: 100px;
  height: 2px;
  background: #000000;
}
/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero .section-heading{
  color: #025172;
}
.phones {
  position: relative;
}
.phone {
  position: relative;
  max-width: 80%;
  margin: 3rem auto -12rem;
}
.phone + .phone {
  display: none;
}
.values .line {
  margin: 10px auto 15px auto;
  width: 100px;
  height: 2px;
  background: #FFFFFF;
}
/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background: #025172;
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}
.get-help .line {
  margin: 10px auto 35px auto;
  width: 100px;
  height: 2px;
  background: #025172;
}
/* Plus
-------------------------------------------------- */
.section.plus{
  padding: 5px;
}
.plus{

}
.plus .section-heading{
  color: #C55627;
}

/* today
-------------------------------------------------- */
.today{
  background: grey;
}
.today .section-heading{
  color: #FFFFFF;
}


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

}
.get_started .section-heading{
  color: #C55627;
}
.repName, .repTitle, .repPhone, .repEmail{
  font-weight: 500;
}
/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.about{
  /*background-image: url('../images/restaurant.jpg');*/
  background-color: #025172;
  background-size: cover;
  color: #fff;
}
.about p, .about h3{
  text-align: left;
}
.about .button{
  color: #025172;
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}


.about .section-description { 
  margin-bottom: 4rem;
}

.show{
  opacity: 1;
  transition: all 1.2s linear;
}
/*  Rep Contact
---------------------------------------------*/
.repContactDiv a{
  text-decoration: none;
  color: inherit;
}

/* Footer
---------------------------------------------*/
.footer{
  font-size: 10px;
  padding: 10px;
}
.footer p{
  margin: 0px;
}

@media (max-width: 375px){
  .repContact{
    display: none;
  }
}
/*** Smaller than 550px  ***/
@media (max-width: 549px){
  .section {
    padding: 2rem 0 2rem;
  }
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 5rem 0 5rem; /*12rem 0 11rem;*/
  }
  .hero {
    /*padding-bottom: 12rem;*/
    /*text-align: left;*/
    /*height: 165px;*/
  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  /*.section {
    padding: 14rem 0 15rem;
  }*/
  .hero {
    padding: 5rem 0 20rem;/*16rem 0 20rem;*//*16rem 0 17rem;*//*16rem 0 14rem;*/
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .phone {
    top: -14rem;
    right: 5rem;
    max-height: 510px;
  }
  .phone + .phone {
    top: -12rem;
    max-height: 472px;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 3rem 0 3rem;/*5rem 0 5rem;*//*20rem 0 19rem;*/
  }
  .hero {
    padding: 5rem 0 20rem; /*10rem 0 20rem;*/ /*10rem 0 15rem;*//*22rem 0;*/
  }
  .hero-heading {
    font-size: 3.0rem;
  }
  .phone {
    top: -16rem;
    max-height: 615px;
  }
  .phone + .phone {
    top: -14rem;
    max-height: 570px;
  }
}