/* Add here all your css styles (customizations) */

$g-color-primary: #FF9133;

  /* -------Gel SwatchImage------------------------------------*/
  
.gel-swatch-image {
  z-index: 1;
  padding: 80px 0;
  position: relative;
  text-align: center;
  background: url(/assets/img/GSI-Images/Gel-Swatch.png) no-repeat;
  background-size: cover;
  background-position: center center;
}

.gel-swatch-image h1 {
  color: white;
  font-size: 60px;
  font-weight: 400;
  line-height: 80px;
  font-family: "Sans Pro", sans-serif;
  text-transform: uppercase;
}

.gel-swatch-image p {
  color: white;
  font-size: 36px;
  font-weight: 200;
  font-family: "Sans Pro", sans-serif;
  position: relative; top: -15px;
}

@media (max-width: 767px) {
  .gel-swatch-image h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
  }
}

 /*-------End gel-swatch Image-------------------*/
 
 
  /* -------ShadowMagic Image------------------------------------*/
  
.shadowmagic-image {
  z-index: 1;
  padding: 80px 0;
  position: relative;
  text-align: center;
  background: url(/assets/img/GSI-images/IMG_0032.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}

.shadowmagic-image h1 {
  color: white;
  font-size: 60px;
  font-weight: 400;
  line-height: 80px;
  font-family: "Sans Pro", sans-serif;
  text-transform: none;
}

.shadowmagic-image p {
  color: white;
  font-size: 36px;
  font-weight: 200;
  font-family: "Sans Pro", sans-serif;
  position: relative; top: -15px;
}

@media (max-width: 767px) {
  .shadowmagic-image h1 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 20px;
  }
}

 /*-------End ShadowMagic Image-------------------*/

 /*-------Start FlowMap Image-------------------*/
#headerFlowmap h2 {
  text-shadow: 6px 6px 12px #010000;
  font-weight: bolder !important;
}

/* Color FlowMap Red */
.g-color-FMred {
  color: #e63248 !important;
}
 /*-------End FlowMap Image-------------------*/