nav
{
    
        width:100%;
    min-width: 1220px;
    max-width:2880px;
    height:4%;
text-align:center;
background-color:#21334F;
    color: #ffffff;
margin:0px;
padding-top:1em;
padding-bottom:1em;
padding-right:1em;
list-style-type:none;
    text-decoration: none;
}
nav ul
{
list-style-type:none;
    text-decoration: none;
margin:0px;
padding-right:2em;
font-size:1.2em;}
nav li
{
    display:inline;
    text-decoration: none;
    padding-left:2em;
}
nav a:link{color:#ffffff;}
nav a:visited{color:#ffffff;}
nav a:hover{color: skyblue;}
body
{
background-image:url(background.jpg);
    background-repeat: no-repeat;
width:100%;
    height:auto;
margin-left: auto;
    margin-right: auto;
color:#40407a;
}
#logo
{
  background-image: url(logo.png);
    background-repeat: no-repeat;
    width: 100px;
    height:100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
}
#head
{
   
color:#ffffff;
background-size:100% 100%;
    width:auto;
    height:auto;
text-align: center;
    
}
#images
{
            display: flex;
    flex-wrap: nowrap;
            justify-content:space-around;
    padding:1em;
    margin-left: auto;
    margin-right: auto;

}
        
section
{
        border-style: solid;
    border-width: thin;
    border-color: white;
}
section :hover
{
    background-color: #FAF9F6;
    transition-duration: 2s;
    transition-delay: 2s;
}
#bottom
{
    background-color: #21334F;
    color:#ffffff;
    text-align: center;
    margin-left: auto;
    margin-right:auto;
        width: 100%;
    min-width: 1220px;
    max-width:2880px;
            height:20%;
    clear: right;
    position:fixed;
    left: 0;
    bottom: 0;
}
footer
{
    background-color: #000000;
        color:#ffffff;
text-align: center;
       width:100%;
    min-width: 1220px;
    max-width:2880px;
    height:auto;
    clear:right;
     position: fixed;
  left: 0;
  bottom: 0;
}