@import "https://fonts.googleapis.com/css?family=Niramit";
@import "https://fonts.googleapis.com/css?family=Ubuntu";
@import "https://fonts.googleapis.com/css?family=Montserrat";

      .scrollable-menu {
        height: auto;
        max-height: 320px;
        overflow-x: hidden;
      }
      body {
        overflow-x: hidden;
      }
      .mainSpacing {
        padding-top: 2.5rem;
      }
      .smol-font{
        text-align: center;
        font-size: 1.6rem;
      }
      .logoSpacing{
        padding-top: 3.5rem;
      }
      .pad-bottom {
        padding-bottom: 2.0rem;
      }
      .pad-bottom-more {
        padding-bottom: 2.8rem;
      }
      .navbar-custom {
      background-color:white;
      }
      .carousel {
      width: 100%;
      overflow:hidden;
      }
      .carousel .carousel-inner {
      height:100%;    
      }
      .carousel-inner img{
        margin:auto;
      }
      .customContainer {
        position: relative;
        text-align: center;
        color:white;
        background-color:#1d2a35;
      }

      
      .centered {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-family:'Montserrat, sans-serif';
        color:white;
        font-weight: 200;
        font-size: 3.5rem;
        font-style: normal;
        letter-spacing: 0.2px;
      }
      h1, p, span, div {
        font-family: "Montserrat";
      }      
      h1 {
        color:black;
        font-weight: 200;
        font-size: 3.5rem;
        font-style: normal;
        letter-spacing: 0.2px;
      }
      p, span{
        font-weight: 400; 
        font-size: 1.6rem;
        font-style: normal;
        letter-spacing: 0.2px;
        text-align: left;
        color:#333
      }
      .fill {
      width: 100%;
      height: 100%;
      background-position: center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;
      -o-background-size: cover;
      }
      .footer {
      position: relative;
      font-size: 0.2rem;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color:#1d2a35;
      color:white;
}
    .subpages-gray {
      position: relative;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color:#f1f4f6;
      color:black;
      padding-bottom: 10px;
    }
    .subpages-blue {
      position: relative;
      font-size: 0.2rem;
      left: 0;
      bottom: 0;
      width: 100%;
      background-color:#0069a5; 
      color: white;
    }
    .title-text{
      color:#0069a5;
    }
    .subtitle-text {
      color:brown;
    }

      @media (min-width: 1500px){

        .title-text {
            color:#0069a5;
            font-weight: 800;
            font-weight: 900;
            font-family: 'Courier New', Courier, monospace, sans-serif;
            font-size: 6.5rem;
            padding-bottom: 0px;
          }
          .subtitle-text {
            color:brown;
            font-weight: 600;
            font-weight: 800;
            font-family: 'Courier New', Courier, monospace, sans-serif;
            font-size: 4.0rem;
            padding-bottom: 100px;
          }
    }

    @media (min-width: 1024px){
      .navbar-center {
        text-align: right;
      }
      .carousel-button {
        margin-bottom: 250px;
        background-color: white;
      }

      nav li{
      color: white !important;
      font-size: 1.5em !important;
    }
    .padding-left-logo{
      padding-left:10px;
    }
  }
    @media (max-width: 700px){
      .carousel-button {
        margin-bottom: 10px;
        background-color: white;
      }
      nav li{
      color: white !important;
      font-size: 1.0em !important;
     }
     .lengthen-image {
      width: 100%;
      height: 500px;
      padding-top: 15px;;
    }
  @media (max-width: 599px){
    .col {
    flex-basis: 100%!important;
    }
  }
     
}