.button{display:inline-block;height:10%}.button .selected-link{background-color:#022b99;width:15%;position:fixed;border:1px solid transparent;border-radius:0 11px 11px 0}@media screen and (max-width: 768px){.button .selected-link{width:100%;position:initial;border:none;border-radius:0}}.button .selected-link span{color:#fff}.button .nav-button{padding:5px 20px;display:flex;flex-direction:column;align-items:flex-start;text-decoration:none}@media screen and (max-width: 768px){.button .nav-button{display:flex;align-items:flex-start}}.button .nav-button .image-nav-button{display:flex;align-items:center;justify-content:left}.button .nav-button .image-nav-button img{object-position:50% 50%;width:15%;margin:auto}@media screen and (max-width: 768px){.button .nav-button .image-nav-button img{width:25px}}.button .nav-button p{text-align:left;margin:0;color:#fff;font-weight:700;font-size:1em}@media screen and (max-width: 768px){.button .nav-button p{font-size:20px}}.container-navbar{background-color:#31a6ff;display:flex;flex-direction:column;justify-content:flex-start;width:14%;height:100%;overflow:hidden;top:0;left:0;position:fixed}@media screen and (max-width: 768px){.container-navbar{width:100%;display:block;height:15%;position:relative}}.container-navbar .logo-navbar{height:20%;padding:5px;text-align:center;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.container-navbar .logo-navbar{font-size:9vw;padding:10px}}.container-navbar .logo-navbar img{width:70%}@media screen and (max-width: 768px){.container-navbar .logo-navbar img{width:20%}}.container-navbar .button-collapsed{display:flex;position:absolute;right:0}.container-navbar .container-routes{height:75%;display:flex;flex-direction:column}@media screen and (max-width: 768px){.container-navbar .container-routes{height:80%;width:100%}}