body{
    margin:0px;
    padding:0px;
    font-family: 'Poppins';
}
h1{
    color:#009fe3;
    font-weight: normal;
    margin-bottom:0px;
    margin-top:0px;
}
h2{
    color:#009fe3;
    font-weight: normal;
    margin-bottom:0px;
}
h5{
    color:#009fe3;
    font-size:16px;
    font-weight:normal;
    padding-bottom:5px;
    margin-bottom:0px;

}
header{
    background-color:rgb(0, 159, 227, 0.6);
    color:white;
    padding-top:15px;
    padding-bottom:15px;
    height:150px;
}
#headerHero{
    height:450px;
    background-image: url(../images/hero.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: 50% 200%;
}
#headerHeroShortened{
    height:180px;
    background-image: url(../images/hero.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-attachment: fixed;
    background-position: 50% 200%;
}
#heroText{
    padding-top:40px;
    color:white;
    font-size:27px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:600px;
}
header #headerWrapper{
    margin-left:auto;
    margin-right:auto;
    width:800px;
}
header #logoDiv{
    float:left;
    display:inline;
    padding-right:20px;
}
header #websiteTitleDiv{
    display:inline;
    vertical-align: middle;
    font-size:30px;
}
menu{
    font-size:16px;
    color:white;
}
menu a{
    color:white;
    text-decoration: none;
    padding-left:2px;
    padding-right:2px;
}
menu a:hover, menu a:active{
    background-color:red;
}
#mainContentWrapper{
    clear:both;
}
.mainContent{
    margin-left:auto;
    margin-right:auto;
    width:900px;
}

#heroTextSubsection{
    color:white;
    background-image: url(../images/homepage-base.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

#heroTextSubSection h2{
    color:white;
}

#heroTextSubSection .row{
    margin-left:auto;
    margin-right:auto;
    width:900px;
}

.row {
    display: flex;
    }

    .column {
    flex: 50%;
    padding:10px;
    }

.imageBanner{
    width:99vw;
    background-color:#efefef;
    text-align:center;
    padding-top:30px;
    padding-bottom:30px;
}
.imageBanner img {
    padding-left:5px;
    padding-right:5px;
}
footer{
    background-color:#009fe3;
    color:white;
    font-size: 16px;
    text-align:center;
}

.textAlignLeft{
    text-align:left;
}

.linksFlexBox{
    display:flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width:1000px;
    margin-left:auto;
    margin-right:auto;
}

.linksFlexItem{
    width:25%;
}

.linksFlexItem a{
    height:180px;
    width:180px;
    display:block;
    margin:10px;
}

.linksFlexItem a:hover{
    filter: drop-shadow(10px 10px 10px gray);
}

/* Responsive layout - makes a one column layout instead of a two-column layout */
@media (max-width: 800px) {
    .linksFlexItem {
      flex: 50%;
    }
  }

  .darkLink{
    text-decoration:none;
    color:#009fe3;
  }

  .darkLink:hover{
    background-color:#efefef;
  }

 .lightLink{
    text-decoration: none;
    color:white;
  }

  .lightLink:hover{
    background-color:#009fe3;
  }

  #privacy-banner {
    display: none
}

#privacy-banner.is-active {
    display: block
}

.privacy-message-wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 6;
    width: 100%
}

.privacy-message-wrap-inner {
    position: relative;
    padding-right: .9375rem;
    padding-left: .9375rem;
    max-width: 1470px;
    margin-left: auto;
    margin-right: auto
}

.privacy-message {
    position: relative;
    bottom: 30px;
    padding: 30px 60px 30px 30px;
    border-radius: 3px;
    background-color: black;
}

.privacy-message p {
    margin: 0;
    font-size: 16px;
    font-weight: 300;
    color: white;
}

.privacy-message a {
    color: green;
    text-decoration: underline
}

.privacy-message a:focus,.privacy-message a:hover {
    text-decoration: none
}

.privacy-message__close {
    display: block;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 30px;
    height: 30px;
    background: url(../images/close.png);
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer
}

.privacy-message__close:focus,.privacy-message__close:hover {
    opacity: .7
}

.cookie-policy-wrap {
    position: fixed;
    bottom: 100;
    left: 0;
    z-index: 6;
    width: 100%
}

.cookie-policy-message {
    position: relative;
    bottom: 30px;
    padding: 30px 60px 30px 30px;
    border-radius: 3px;
    background-color: white;
    border-color:gray;
    border-style:solid;
    border-width:1px;
}