@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');

:root{
    --textcolor: rgb(220,220,220);
}

*{
    margin: 0;
    padding: 0;
    font-family: 'Lato', sans-serif;
}

.header{
    color: var(--textcolor);
    height: 300px;
    position: relative;
}

.header div{
    padding: 25px;
    padding-top: 80px;
}

.header img{
    position: absolute;
    z-index: -1;
    margin: 0;
    height: 400px;
    width: 100%;
    opacity: .8;
    -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

.header nav{
    background: gray;
    display: flex;
    flex-direction: row;
    padding: 15px;
    text-align: center;
}

.header nav ul{
    list-style-type: none;
    margin: 0 auto;
}

.header nav ul li{
    float: left;
}

.header nav ul li a{
    text-decoration: none;
    color: white;
    margin: 10px;
}

.alertbanner{
    text-align: center;
    color: white;
    padding: 5px;
    background: rgb(146, 167, 10);
    position: relative;
}
.alertbanner h2{
    right: 0;
}