/* SOON VIDEO */

.soon-container {
  position: relative;
}
html, iframe.startsoon{
  height:100%;
}
.overlay-desc {
  background: rgba(0,0,0,0);
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.soon {
  color: #0389ba90;
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
  font-size: 9vw;
  text-align: center;
}

/* HERO VIDEO */


/* CUSTOM CSS */
.blue {
    background-color: #0389ba;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
}
.red {
    background-color: #970101;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
}
.black {
    background-color: #000000;
    color: #970101;
    padding-top: 3em;
    padding-bottom: 3em;
}

.white {
    background-color: #ffffff;
    color: #0389ba;
    padding-top: 3em;
    padding-bottom: 3em;
}
a:link {
    color: inherit; 
    font-weight: 800; 
    text-transform: uppercase;
}
a:link.bluelink{
    color: white;
    text-decoration: underline;
}
a:visited.bluelink{
    color: #909090;
    text-decoration: underline;
}
a:hover.bluelink{
    text-decoration: underline;
    text-shadow: 2px 2px 5px #505050;
}
a:link.whitelink{
    color: #0389ba;
    text-decoration: underline;
}
a:visited.whitelink{
    color: #909090;
    text-decoration: underline;
}
a:hover.whitelink{
    text-decoration: underline;
    text-shadow: 2px 2px 5px #505050;
}
.navbar-collapse{
    background-color: 0389ba
    
}

.green {
    background-color: #C0D46E;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
}
.gwhite {
    background-color: #69bdcf;
    color: white;
    padding-top: 3em;
    padding-bottom: 3em;
}

iframe {
  width: 100%;
}.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #ffffff !important;
    text-decoration: none;
    background-color: #0389ba !important; 
}


@media only screen and (max-width: 799px) {
    body {
        font-size: 100%;
    line-height: 130%;
    position: relative;
    }
    .heropanel--video {
    font-family:sans-serif;
        min-height:400px;
    }
    h1 {
    font: 'Raleway';
    font-size: 200%!important;
    font-weight:800;
    text-transform:uppercase;
    text-align: center
    }
}
@media only screen and (min-width: 800px) {
     .body {
        font-size: 200%;
        line-height: 130%;
        position: relative;
    }
    .heropanel--video {
    font-family:sans-serif;
        min-height:500px;
    }
    h1 {
    font: 'Raleway';
    font-size: 100%;
    font-weight:800;
    text-transform:uppercase;
    text-align: center
    }
}
@media only screen and (min-width: 1920px) {
     .body {
        font-size: 200%;
        line-height: 130%;
        position: relative;
    }
    .heropanel--video {
    font-family:sans-serif;
        min-height:1000px;
    }
    h1 {
    font: 'Raleway';
    font-size: 100%;
    font-weight:800;
    text-transform:uppercase;
    text-align: center
    }
}
.container-fluid{
    position: relative;
}

/* FROM DUST */
.grey {
    background-color: #bababa;
    color: white;
    color: #000000;
    padding-top: 3em;
    padding-bottom: 3em;
}
.ebon {
    background-color: #000000;
    color: #bababa;
    padding-top: 3em;
    padding-bottom: 3em;
}