header{display:flex;height:32vh;align-items:center;background-color:#4fb267}.logo a{display:flex;flex-direction:column;text-decoration:none}.logo a span{color:#fff;font-size:25px;padding-left:45%}.nav-bar{float:left;position:fixed;left:5%;margin-top:80vh}.nav-items{list-style-type:none;display:flex;flex-direction:column;justify-content:space-evenly;padding-left:0;width:auto;margin:0;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.2)}.go-to{text-align:center;color:#d8d8d8}.nav-item{padding:2vh;border-bottom:1px solid #f3f3f3}.nav-item-a{text-decoration:none;color:#1d252d;display:flex;flex-direction:column;align-items:center}.nav-item-a span{padding-left:5%;padding-right:5%;padding-top:10px;max-width:110%}.nav-item-a:hover{color:#4fb267}@media screen and (max-width:600px){header{flex-direction:column;justify-content:center;margin-left:0;height:600px}.nav-bar{padding-top:0;float:none;position:relative;width:100%;box-shadow:none;margin-top:15vh}.go-to{display:none}ul{margin:0}.nav-items{flex-direction:column;align-items:flex-start;padding-left:0;width:100%;height:0}.nav-item{padding-left:0;padding-bottom:10%}.nav-item-a{font-size:40px;color:#fff}.nav-item-a img{display:none}}@media screen and (max-height:550px){.nav-items{height:40vh}}