/* HEADER */
header {
  background-image: linear-gradient(-180deg, #3498DB 20%, #FFFFFF 120%); /* bright blue gradient */
}

/* CASE STUDY */
main h3, h6 {
  color: #3498DB; /* bright blue */
}
.title {
  border-bottom: 3px solid #3498DB; /* bright blue */
}

/*OVERVIEW*/
.overview i {
  color: #3498DB; /* bright blue */
}

/* IMG BG */
.img-bg {
  background-color: #D8EAF6; /* light blue */
}

/* SURVEY RESULTS */
.survey-results {
  background-color: #D8EAF6; /* light blue */
}
.survey-results h6 {
  color: #ADD8F5; /* transparent bright blue */
}

/* IMG RESIZING */
#cubby-sitemap {
  background-color: #FFFFFF;
  padding: 15px;
}
#cubby-logooptions {
  background-color:#FFFFFF;
  padding:30px;
}
@media (min-width: 768px) {
  #cubby-typefaces, #cubby-colorpalette {
    width: 65%;
  }
  #cubby-logooptions {
    width:50%;
  }
  #cubby-logo {
    width: 50%;
  }
}

/* BOTTOM NAV */
.bottom-nav-light {
  background-color: #3498DB; /* bright blue */
}