/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

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

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.headimages {
  position: relative;
}
.headimg {
  position: relative;
  max-width: 100%;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-image: url('../images/purple-bg.jpg');
  background-repeat: repeat;
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
}
.bigtext {
  margin-bottom: .5rem;
  color: #435669;
}
.mediumtext {
  margin-bottom: .3rem;
   color: #435669;
}
.subtext {
  font-size: 1.8rem;
  margin-bottom: .2rem;
}
.paragraph {
  opacity: .8;
  font-weight: 300;
}

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

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  /*background-image: url('../images/values-bg.jpg');*/
  /*background-size: cover;*/
  background-color: #F2A413;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

/* Color Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.secblue {
  background-color: #023E73;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Color Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.secorange {
  background-color: #F2A413;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Color Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.seclightgray {
  background-color: #999999;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

/* Color Section
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.secteal {
  background-color: #728DA5;
  color: #fff;
  padding-top: 5rem;
  padding-bottom: 5rem;
}


/* pathway
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.pathway {
  background-image: url('../images/path.jpg');
  background-size: cover;
  color: #000;
}
.pathway .section-description { 
  margin-bottom: 0rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 5rem 0 5rem;
  }
  .hero {
    padding-bottom: 12rem;
    text-align: left;
    height: 165px;
    background-image: url('../images/purple-bg.jpg');
    background-repeat: repeat;
	/*background: linear-gradient(to bottom, rgba(154,154,156,1), rgba(25,28,38,1));*/
  }
  .hero-heading1 {
    font-size: 2.6rem;
	color: #fff;
  }
  .hero-heading2 {
    font-size: 1.8rem;
	color: #fff;
  }
  .hero-heading3 {
    font-size: 1.4rem;
	color: #fff;
  }  
  .headimg {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
	max-width: 100%;
    z-index: 3;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .hero {
    height: 190px;
    background-image: url('../images/purple-bg.jpg');
    background-repeat: repeat;
	/*background: linear-gradient(to bottom, rgba(154,154,156,1), rgba(25,28,38,1));*/
  }
  .hero-heading1 {
    font-size: 3.0rem;
	color: #fff;
  }
  .hero-heading2 {
    font-size: 2.6rem;
	color: #fff;
  }
  .hero-heading3 {
    font-size: 1.8rem;
	color: #fff;
  }  
  .section {
    padding: 8rem 0 8rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .headimg {
    top: -12rem;
    right: 5rem;
    max-height: 510px;
	max-width: 100%;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 10rem 0 10rem;
  }
  .hero {
    background-image: url('../images/purple-bg.jpg');
    background-repeat: repeat;
	/*background: linear-gradient(to bottom, rgba(154,154,156,1), rgba(25,28,38,1));*/
  }
  .hero-heading1 {
    font-size: 5.0rem;
	color: #fff;
  }
  .hero-heading2 {
    font-size: 3.0rem;
	color: #fff;
  }
  .hero-heading3 {
    font-size: 2.0rem;
	color: #fff;
  }
  .headimg {
    top: -15rem;
    max-height: 615px;
	max-width: 100%;
  }
}