@keyframes slider {
 0% {
    left: 0;
}
/*20%*/15% {
    left: 0;
}
/*25%*/20% {
    left:-100%;
}
/*45%*/35% {
    left:-100%;
}
/*50%*/40% {
    left:-200%;
}
/*70%*/55% {
    left:-200%;
}
/*75%*/60% {
    left:-300%;
}
/*95%*/75% {
    left:-300%;
}
/*100%*/80% {
    left:-400%;
}
/*100%*/95% {
    left:-400%;
}
/*100%*/100% {
    left: 0;
}
}
#slider {
    overflow: hidden; 
}
#slider figure img {
    width: 20%;
    float: left; 
}
#slider figure{
    position: relative;
    width: 500%;
    margin: 0;
    left: 0;
    text-align: left;
    font-size: 0;
    animation: 15s slider infinite;
}
header{
    margin-top: 40px;
}
#headerPictureFont{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    width: 100%;
    position: fixed;
    z-index: -2;
    margin-top: -400px;
}
#headerPicture {
    position: relative;
    margin: auto;
    width: 750px;
    margin-bottom: 30px;
    box-shadow: 7px 7px 10px #404040;
}
main{
    position: relative;
    background-color: white;
    margin: auto;
    width: 83%;
    box-shadow: 0px 0px 10px 10px white;
    margin-top: 50px;
    padding-top: 20px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
}
.mainBackground{
    box-shadow: 0 0 100px 300px #d9d9d9;
    background-color: #d9d9d9;
    width: 100%;
}
.navContainer {
    position: relative; left: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    max-height: 54px;
}
#navBar {
    display: flex;
    overflow: hidden;
    background-color: white;
}
#navButton {
    display: block;
    float: left;
    padding: 15px 35px;
    text-align: center;
    border-bottom: solid 2px black;
    transition: 400ms ease;
}
.onPageButton{
    background-color: #ddd;
    border-bottom: solid 2px white;
}
#navButton a{
    text-decoration: none;
    color: black;    
    font-size: 1vw;
}
#navButton:hover{
    background-color: #ddd;
    transition: 400ms ease;
    cursor: pointer;
    border-bottom: solid 2px white;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
}
.mainPaddingAdd {
    padding-top: 100px;
}
body{
    margin: 0px;
    font-family: 'Courier New', Courier, monospace;
    background-color: #d9d9d9;
    /*font-family: "Lucida Console", Monaco, monospace;*/
}
@keyframes headerFade{
    0%{
        transform: translateX(-40px);
        opacity: 0;
    }
    100%{
        transform: none;
        opacity: 1;
    }
}
h1{
    text-align: center;
    text-size-adjust: 40px;
    opacity: 0;
    transform: translateX(-40px);
    animation: headerFade 0.7s;
    animation-fill-mode: forwards;
    animation-play-state: running;
}
p{
    text-align: justify;
    font-size: 1.2vw;
}
footer{
    margin-bottom: 0px;
    margin:auto;
    width: 100%;
    height: 150px;
    background-color: #a6a6a6;
    box-shadow: 0px 0px 10px 10px #a6a6a6;
    text-align: center;
    padding-top: 60px;
    font-size: 25px;
}
footer img{
    width: 100px; 
    height: 30%;
    padding-right: 20px;
    padding-left: 40px;
    padding-top: 20px;
}
.mapHover{
    transition: 300ms ease;
}
.mapHover:hover{
    box-shadow: 0 0 10px black;
    cursor: pointer;
    transition: 300ms ease;
}
.imgZoom{
    transition: 320ms ease;
}
.imgZoom:hover{
    transform: scale(1.4);
    transition: 320ms ease;
    box-shadow: 0 0 10px black;
}
img{
    width: 80%
}