html {
  height: 100%;
}

body {
  height: 100%;
  min-height: 35rem;
  position: relative;
  font-family: 'Open Sans';
  font-weight: 300;
  padding-bottom: 100px;
}

input:invalid:required {
  background-color: aliceblue;
}

select:invalid:required {
  background-color: aliceblue;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Open Sans';
  font-weight: 700;
}

h1 {
  color: #004066 !important;
  text-transform: uppercase;
}

h2 {
  color: #088798 !important;
}

h3 {
  color: #73c6d6 !important;
}

@media (pointer: coarse) and (hover: none) {
  body {
    background-position: cover;
  }
  body video {
    display: none;
  }
}

.btn-secondary {
  background-color: #0a98d6;
  border-color: #0a98d6;
}

.btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover {
  background-color: #0a98d6 !important;
  border-color: #0a98d6 !important;
}

.input {
  font-weight: 300 !important;
}

.header {
  position: relative;
  margin-top: 0px;
  height: 120px;
  clear:both;
  background-color: #0a98d6 !important;
  color: white !important;
}

.footer {
  background-color: #0a98d6 !important;
  min-height: 120px;
  color: white !important;
}

#wrap {
  min-height: 100vh;
  display: block;
  position: relative;
  padding-bottom: 100px;
}

#skyline img {
  max-width: 100%;
}

.zz-form-table {
  border: 10px solid gray;
  box-sizing: border-box;
  margin: 5px;
  padding: 15px;
}

#navbarSupportedContent a {
  float: left;
  display: block;
  color: white;
  text-align: center;
  padding: 25px 10px;
  text-decoration: none;
  font-size: 30px;
  text-transform: uppercase;
}

.nav {
  flex-wrap: unset;
}

.nav-tabs>li>a {
  color: gray;
}

.asteriskField {
  color: darkred !important;
}

@media (min-width: 1200px) {

  .m-5 {
    margin: 10rem !important;
  }

  .footer {
    padding-left: 150px;
    padding-right: 150px;
  }

  .header {
    padding-left: 150px;
    padding-right: 150px;
  }
      
}

@media (min-width: 992px) {

  .m-5 {
    margin: 6rem !important;
  }
  
}

@media (min-width: 768px) {

  .m-5 {
    margin: 4rem !important;
  }
  
}

@media (min-width: 576px) {
  /* blank */
}

.fade-in {
  animation: fadeIn ease 4s;
  -webkit-animation: fadeIn ease 4s;
  -moz-animation: fadeIn ease 4s;
  -o-animation: fadeIn ease 4s;
  -ms-animation: fadeIn ease 4s;
  }

  @keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }
  
  @-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }
  
  @-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }
  
  @-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }
  
  @-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
  }