*
{
    box-sizing: border-box;
}

#wrapper
{
    
    background-image:url(background.jpg);
    background-size:cover;
    background-position:top center;
    background-repeat:no-repeat;
}

nav
{
    background-color: #04335E;
    

}

nav ul
{
    list-style-type: none;
    display:block;
    text-align: center;
    
}

nav li
{
    border-bottom: 1px solid white;
}

nav li:last-child

{
    border-bottom: none;
}
nav ul a
{
    color:white;
    text-decoration: none;
    font-family: verdana,sans-serif;
    font-size: 0.7em;
    letter-spacing: 2;
    text-align: center;
}

nav ul li

{
    padding: 5px 2vw;
}

#logobar
{
    background-image: url(logo.png);
    height:100px;
    background-position:center;
    background-repeat:no-repeat;
    background-size: contain;
}
header
{
    text-align: center;
    
}

h1
{
    text-align: center;    
    color:white;
    margin:0;
    font-family: times new roman,serif;
    line-height: 1.5;
    font-weight: lighter;
    font-size: 3em;
}

h2
{
     text-align: center;    
     color:white;
     margin:0;    
     font-family: times new roman,serif;
     font-style: italic;
     line-height: 1.5;
     font-weight:lighter;
     padding-right: 7%;
     padding-left: 7%;
     font-size: 1.2em;
     padding-top: 0;
}

#nav2 ul

{
   list-style-type: none;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center; 
}


#nav2 li
{
    padding:1em;
    border:1px solid white;
    margin:1em;
    display:flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#nav2 li:hover

{
    background-color:rgba(255,255,255,0.25);
}

main
{
    text-align: center;
    background-color: #04335E;
    color:white;
    margin:0;
    padding-right:10%;
    padding-left:10%;
    padding-top: 1%;
    padding-bottom: 1%;
    margin-top:300px;
    font-family: times new roman,serif;
    font-style: italic;
    line-height: 1.5;
    
    
}

footer
{
    background-color: black;
    color:white;
    margin:0;
    text-align: center;
    font-family: verdana,sans-serif;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 0.8em;
}

footer a
{
    color:#1176D3;
    text-decoration: none;
}

@media(min-width:600px)
{
    
    
nav ul
{
    list-style-type: none;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    
}
    
nav li
    {
        border-bottom: none;
    }

}

@media(min-width:1024px)
{
    #wrapper
{
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
    
}
}