/*
* Created By: MDC Web Services
* Description:  
* Revised:
*/

/*Masthead Code*/
body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.title-name h1 {
  font-size: 24px;
  margin: 0;
}

.site-masthead {
  background-image: url("../img/site-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #1565c0;
  color: #fff;
}

.title-name.title-background span {
  background-color: rgba(0, 0, 0, 0.3);
  padding-left: 12px;
  padding-right: 12px;
}
.future-ready-info {
  margin-bottom: 40px;
}
.future-ready-accordions {
  margin-bottom: 40px;
}

.panel-group .panel {
    margin-bottom: 20px;
}

.panel-title a {
    font-size: 18px;
}
.fr-get-started {
  margin-bottom: 40px;
}
.fr-contact-us {
  margin-bottom: 40px;
}

.future-ready-info .well {
  background-color: #F8FBFF;
}
.fr-hero {
  padding: 60px 0;
  background-color: #F8F9FA;
  margin-bottom: 60px;
  filter: drop-shadow(3px 3px 5px #d8d8d8);
}

.fr-hero h2 {
  color: #453b8b;
  margin-top: 0;
  font-size: 35px;
  line-height: 131%;
}
.fr-get-started h3 {
  margin-top: 0;
}
.fr-contact-us h3 {
  margin-top: 0;
}
#siteContent {
    margin-top: 0;
}

/* Skinny masthead */
.title-area {
    height: 120px;  
  }
  
  /*Responsive Queries*/
  
  @media (max-width: 349px) { }
  
  @media (min-width: 350px) and (max-width: 640px) {}
  
  @media (min-width: 480px) and (max-width: 640px) {}
  
  @media (max-width: 640px) {  }
  
  @media (min-width: 641px) and (max-width: 767px) {}
  

  /*Responsive Queries - Skinny masthead */
  
  @media (max-width: 767px) {
    .site-masthead {
        padding:10px 0;
        height: 90px;
    }
    .title-container {
        height: 50px;
    }
    .title-name {
        /* margin-top: 30px; */
        width: auto;
    }
    .title-name h1 {
        font-size: 24px;
        /* margin-top: -20px; */
    }
  }
  
  @media (min-width: 768px) {
    .title-area { 
    width: 100%; 
    position: relative;
    }
    .title-container { 
    height: 100%;
    position: absolute; 
    left: 0; 
    top: 0; 
    width: 100%; 
    display: table; 
    }
    .title-name {
    display: table-cell; 
    vertical-align: middle;
    }
  }
  /* Small devices (tablets, 768px and up) */
  @media (min-width: 768px) and (max-width: 991px) {
    .title-name h1 {
        font-size: 28px;
    }
    .site-masthead {
        height: 100px;
    } 
    .title-name h1 {
        height: 100px;
    } 
  }
  @media (min-width: 992px) {
    .title-area {
        height: 100px;  
    }
  }
  @media (max-width: 992px) {
  }
  /* Medium devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width: 1199px) {
  .title-name h1 {
    font-size: 32px;
    }
  }
  
  /* Large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {
    .title-name h1 {
        font-size: 36px;
    }
    .banner {
      height: 35em;
    }
  }
  .deadline {
    font-size: 18px;
    margin-bottom: 20px;
    color: #D72828;
  }