/* Showcase */
#showcase {
  .font-style {
    font-weight: 500;
    text-shadow: 0.5px 0.5px 0.5px white;
  }

  .showcase-image {
    width: 100%;
    display: flex;
    justify-content: left;
    color: #3b3c42;
    letter-spacing: 5px;
    background-position: center;
    background-size: cover;
    /* background-image: linear-gradient(270deg,
              transparent,
              white,
          ),
          url(/src/images/cover-images/Jampoints-Logistics-CoverImage.png); */

    background-image: linear-gradient(270deg, transparent, white),
      url(/src/images/cover-images/jampoints-logistics-coverimage-2.png);
  }

  .image {
    height: 15vw;
  }

  .button-outline {
    background-color: transparent;
    color: #3b3c42;
    border: 2px solid #3b3c42;
    border-radius: 8px;
    padding: 10px 20px;
    text-decoration: none;
  }

  .button-outline:hover {
    background-color: #3b3c42;
    color: white;
    font-weight: 500;
  }
}
/* /Showcase */

/* Who We Are */

#who-we-are {
  font-family: "Rubik", sans-serif;
  background-color: #EBE3D5;

  .primary-color-1 {
    color: #473e3e;
    text-align: justify;
    font-weight: 700;
  }

  .primary-color-2 {
    color: #473e3e;
    text-align: justify;
  }
}

/* /Who We Are */

/* Our Core Values */
#our-core-values {
  font-family: "Rubik", sans-serif;
  background-color: #C69774;

  .primary-color-1 {
    color: white;
    text-align: justify;
    font-weight: 700;
  }

  .primary-color-2 {
    color: white;
    text-align: justify;
  }

  .image {
    display: block;
    width: 100%;
    height: auto;
  }
}
/* /Our Core Values */

/* What Sets Us Apart */
#what-sets-us-apart {
  font-family: "Rubik", sans-serif;
  background-color: #637E76;

  .primary-color-1 {
    color: white;
    text-align: justify;
    font-weight: 700;
  }

  .primary-color-2 {
    color: white;
    text-align: justify;
  }

  .image {
    display: block;
    width: 100%;
    height: auto;
  }
}
/* /Our Core Values */

/* Mission & Vision */
#mission-vision {
  font-family: "Rubik", sans-serif;
  background-color: #867070;

  .primary-color-1 {
    color: white;
    text-align: justify;
    font-weight: 700;
  }

  .primary-color-2 {
    color: white;
    text-align: justify;
  }

  .image {
    display: block;
    width: 100%;
    height: auto;
  }
}
/* /Mission & Vision */


/* Our Services */
#our-services {
    font-family: "Rubik", sans-serif;
    background-color: #1F4172;
  
    .primary-color-1 {
      color: white;
      text-align: justify;
      font-weight: 700;
    }
  
    .primary-color-2 {
      color: white;
      text-align: justify;
    }
  
    .image {
      display: block;
      width: 100%;
      height: auto;
    }
  }
  /* /Mission & Vision */




/* Contact Us */

#contact {
  background-color: white;
  color: #545454;
}

/* /Contact Us */

/* Footer */

#footer {
  background-color: #31304d;
  color: white;
}

/* Footer */

/* Credentials */

#credentials {
  background-color: #473e3e;
  color: white;
}

/* /Credentials */