body{
    background-color: #8ba4b0;
    font-family: 'Cascadia Code', sans-serif;
    font-size:30px;
}

H1{
    color:#FFFFFF;
    font-family: 'Cascadia Code', sans-serif;
}
H3{
  Background-color: white;
  color: black;
}
H4{
  color:white;
}


a2{
color:white;
text-decoration:none;
}

a2:hover{
color:black;
}

a2:active{
color:black;
}
a2:visited{
color:white;
}

a{
color:white;
text-decoration:none;
}

a:hover{
color:black;
}

a:active{
color:black;
}


.flex-container {
display: -webkit-flex;
display: flex;
width: 100%;
flex-direction:row; /* can also do column */
flex-wrap:nowrap; /* the boxes don't go to the next line */
}
img {
  width: 100%;
}
.flexed-item-25 {
width:25%;
}
.flexed-item-50 {
width:50%;
}

.flexed-item-75 {
width:75%;
}

.flexed-item-100 {
width:100%;
}
.nav {
  text-align: center;
}
.nav li {
  display: inline; 
}
.nav a {
 display: inline-block; 
}
li {
 font-size: 22px; 
}
.menu2 {
  display: flex;
  background-color: #1b4053;
  border: solid 5px #1b4053;
  color: white;
  padding: 1px;
  justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
}
.bottomheader {
  background: #1b4053;
  padding: 20px;
  color: white;
  margin-bottom: -15px;
  margin-left: -14px;
  margin-right: -17px;   
}