#navbar ul {   

    display: flex; 

  float:center;

 /* line-height:45px; */

                  padding-right: 5px;

                  padding-left: 5px;

                  padding-top: 10vh;

                margin: 0;

                list-style-type: none;

                justify-content: space-evenly;

				font-family: Oswald;

                font-size: x-large;

} 





li {

    padding: 10px;

    text-align: center;

}



#main {

    margin: auto;

    text-align: center;

    padding-top: 10vh;

}



#footer_copyright {

    margin: auto;

    text-align: center;

    padding-top: 20vh;;

}



#navbar img {
    height: 100px;
    vertical-align: top;
}


/* #navbar {

  width:100px;    

  position: fixed;

  background:#8b8b8b;

  border-bottom-left-radius:0.5em;

  border: 1px solid black;

box-shadow: 5px 5px 18px 0px rgba(0,0,0,0.23);

  transform-origin: left top;

  transform:rotate(-90deg) translateX(-100%);

  z-index: 1;

}



#navbar .active {

    color:rgb(255, 255, 255);

    background-color: #5f8ef2;

    padding-top: 10px;

    padding-bottom: 10px;

    padding-right: 100px;

    padding-left: 10px;

    margin-left: -10px;

}







#topbox {

position: relative;

    width: 100%;

height: 100px;

background-image: url('../ill/ocean.jpg');

}



#topbox_content{

    position: absolute;

    bottom: 10px;

    right: 10px;

}

    */