body{
    background-color: #002846;
}
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

@media (min-width: 992px) {
  .rounded-lg-3 { border-radius: .3rem; }
}


#contact-form {
  background-color: #002846;
  color: #faa835;
  font-family: 'Open Sans', sans-serif;
  padding-bottom: 50pt;
}

#contact-form h2 {
  padding-top: 50pt;
  padding-bottom: 50pt;
  text-align: center;
}

#contact-form address {
  color: white;
  /*margin-top: 30pt;*/
}

#contact-form strong {
  color: #faa835;
}

#contact-form .big {
  float: left;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  background: #faa835;
  border: 1px solid #faa835;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
  padding: 5px 25px 5px 25px;
}

#contact-form .big:hover {
  cursor: pointer;
}

#contact-form .small {
  visibility: hidden;
  text-align: center;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  color: #ffffff;
  background: #faa835;
  border: 1px solid #faa835;
  -webkit-transition: background 1s ease;
  transition: background 1s ease;
  padding: 5px 25px 5px 25px;
}

#contact-form button:hover {
  background: transparent;
}
.container-fluid {
  padding: 0 0 0 0;
}

button {
  -webkit-box-pack: conter;
      -ms-flex-pack: conter;
          justify-content: conter;
}

input {
  font-family: 'Open Sans', sans-serif;
  background: transparent;
  border-bottom: 2px solid #faa835;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  width: 100%;
  color: white;
  margin-bottom: 20pt;
}

textarea {
  font-family: 'Open Sans', sans-serif;
  background: transparent;
  border: 2px solid #faa835;
  width: 100%;
  height: 100%;
  color: white;
  padding: 10px 10px 10px 10px;
}

textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
  color: #ddd;
}

textarea:focus, input:focus {
  outline: none;
}

textarea:focus::-webkit-input-placeholder, input:focus::-webkit-input-placeholder {
  opacity: 0;
}

.form-col {
  margin-bottom: 20pt;
}

#apply {
  text-align: center;
  background-color: #002846;
}

.apply-content {
  padding-top: 50pt;
  padding-bottom: 50pt;
  text-align: center;
}

.apply-content a h2 {
  border-bottom: 2px solid #faa835;
  color: white;
  display: initial;
  -webkit-transition: color 1s ease;
  transition: color 1s ease;
  cursor: pointer;
}

.apply-content a h2:hover {
  color: #faa835;
  cursor: pointer;
}

#footer {
  background-color: #002846;
  color: #ffffff;
}

#footer a {
  color: #ffffff;
}

.vanishing-item a {
  text-decoration: none;
  color: #ffffff;
}

#footer {
  background-color: #002846;
  color: #ffffff;
}

#footer a {
  color: #ffffff;
}
#response-div {
  display: none;
  padding-top: 140px;
}

.how-to-background{
    background-color: #002846;
}
.orange-background{
    background-color: #FAA835;
}

/*Header CSS*/
.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

nav{
    color:white;
}

.article-header-jumbotron{
  background-color:#002846 !important;
}

@media screen 
and (min-width : 320px) 
and (max-width : 480px) {
  body {
    font-size: 0.8em;
  }
  h1,h2,h3,h4,h5,h5{
    font-size: 1.2em !important;
  }
  p.lead{
    font-size: 1em !important;
  }
  .article-jumbotron-margin-top{
    margin-top:20pt !important;
  }
  .article-header{
    font-size:2em !important;
  }
  .video-with-and-height{
    width:250px;
    height:125px;
  }
  h1.article-header{
    font-size:1.5em !important;
  }
}

/* xs < 768 */
@media screen and (min-width: 481px) {
    body {
        font-size: 0.8em;
    }
    h1,h2,h3,h4,h5,h5{
      font-size: 1.2em !important;
    }
    p.lead{
      font-size: 1em !important;
    }
    .article-jumbotron-margin-top{
      margin-top:30pt !important;
    }
    .article-header{
      font-size:2em !important;
    }
    .video-with-and-height{
      width:350px;
      height:175px;
    }
    h1.article-header{
      font-size:2em !important;
    }
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 0.8em;
    }
    h1,h2,h3,h4,h5,h5{
      font-size: 1.2em !important;
    }
    p.lead{
      font-size: 1em !important;
    }
    .article-jumbotron-margin-top{
      margin-top:30pt !important;
    }
    .article-header{
      font-size:2em !important;
    }
    .video-with-and-height{
      width:600px;
      height:300px;
    }
    h1.article-header{
      font-size:2em !important;
    }
}

/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 0.9em;
    }
    h1,h2,h3,h4,h5,h5{
      font-size: 1.3em !important;
    }
    p.lead{
      font-size: 1.1em !important;
    }

    .article-jumbotron-margin-top{
      margin-top:40pt !important;
    }
    .article-header{
      font-size:2.5em !important;
    }
    .video-with-and-height{
      width:600px;
      height:300px;
    }
    h1.article-header{
      font-size:2.5em !important;
    }
}

/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1em;
    }
    h1,h2,h3,h4,h5,h5{
      font-size: 1.4em !important;
    }
    p.lead{
      font-size: 1.1em !important;
    }

    .article-jumbotron-margin-top{
      margin-top:50pt !important;
    }

    .article-header{
      font-size:3em !important;
    }
    .video-with-and-height{
      width:800px;
      height:400px;
      margin-top:20px;
    }

    h1.article-header{
      font-size:3em !important;
    }
}