.text-white
{
    color: #fff !important;
}

.text-yellow
{
    color: #FFCE79 !important;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: 
        url("../Fonts/Montserrat/Montserrat-Light.otf") format("opentype");
  }

  @font-face {
    font-family: 'Montserrat';
    src: url("../Fonts/Montserrat/Montserrat-Black.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-Bold.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-ExtraBold.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-Hairline.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-Light.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-Regular.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-SemiBold.otf") format("opentype"),
        url("../Fonts/Montserrat/Montserrat-UltraLight.otf") format("opentype");
  }

  @font-face {
    font-family: 'KozukaGothic-ExtraLight';
    src: url("../Fonts/Kozuka Gothic Pro/KozGoPro ExtraLight.otf") format("opentype");
  }

  @font-face {
    font-family: 'KozukaGothic-Bold';
    src: url("../Fonts/Kozuka Gothic Pro/KozGoPro Bold.otf") format("opentype");
  }
  
  @font-face {
    font-family: 'Saginaw';
    src: url("../Fonts/Saginaw/SaginawBold.ttf") format("truetype");
  }

  .footer-font
  {
      font-family: "Saginaw";
      font-size: large;
      letter-spacing: 2.5px;
      color: #FFCE79;
  }

  .body-font
  {
      font-family: "KozukaGothic-ExtraLight";
      letter-spacing: 1px;
  }

  .body-font-bold
  {
      font-family: "KozukaGothic-Bold";
  }

  .carousel-inner-font-xxl
  {
      font-family: "KozukaGothic-ExtraLight";
      letter-spacing: 2.5px;
      font-size: xx-large;
  }

  .carousel-inner-font-small
  {
      font-family: "KozukaGothic-ExtraLight";
      letter-spacing: 2.5px;
      font-size: small;
  }

  .carousel-indicators li {
    display: inline-block;
    width: 48px;
    height: 48px;
    margin: 10px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 50%;
    background-color: #FFCE79;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    width: 48px;
    height: 48px;
    margin: 10px;
    background-color: #FFCE79;
}