nav ul[role=menu]{display:flex;flex-direction:column;gap:10px;justify-content:center;list-style:none;margin:0;padding:30px 10px 0 20px}nav ul[role=menu] li a{color:#fff;display:inline-block;font-size:1.375rem;font-weight:300;margin:0;padding:10px;-webkit-transition:all .35s ease-in-out;transition:all .35s ease-in-out}nav ul[role=menu] li a:focus,nav ul[role=menu] li a:hover{color:var(--secondary);text-decoration:none}nav ul[role=menu] li:last-child a{font-weight:700}@media (min-width:768px){nav ul[role=menu]{padding:30px 40px 0 30px}}@media (min-width:992px){header .header__container .header__logo img{max-width:150px}nav ul[role=menu]{align-items:center;flex-direction:row;gap:24px;padding:0}nav ul[role=menu] li a{color:var(--body);font-size:1.125rem;position:relative}nav ul[role=menu] li a:focus,nav ul[role=menu] li a:hover{color:var(--primary)}nav ul[role=menu] li a:after{background-color:var(--primary);bottom:8px;content:"";height:1px;left:10px;position:absolute;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;width:0}nav ul[role=menu] li a:focus:after,nav ul[role=menu] li a:hover:after{width:calc(100% - 20px)}nav ul[role=menu] li:last-child a{color:var(--primary);padding-right:0}nav ul[role=menu] li:last-child a:focus:after,nav ul[role=menu] li:last-child a:hover:after{width:calc(100% - 10px)}}