*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{width:98vw;height:100vh}header{position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;height:10vh;top:0;padding:0 10vw;box-shadow:0px 0px 15px 0px rgba(0,0,0,.8);z-index:5;background-color:#fff}.julien_berry_logo img{width:auto;height:8vh}nav ul{display:flex;list-style:none}nav li:not(:last-child){padding-right:3vw}nav a{text-decoration:none;font-family:'Montserrat-Regular';font-size:14px;color:#4f518c;text-transform:uppercase}nav a:hover{font-weight:700}.fill{transition:.4s}.fill:hover{background-color:#4f518c;border-top-left-radius:5px;border-top-right-radius:5px;color:#fff;padding:24px 3px}.burger{display:none}.line{width:25px;height:3px;background-color:#4f518c;margin:5px}.container-burger-icons{display:flex;justify-content:center;align-items:center;gap:20px}.burger-icon{display:none}@media (max-width:768px){nav{display:none;position:absolute;height:65vh;top:100%;left:0;right:0;background-color:#4f518c;z-index:999;animation:slide-up .2s ease-in-out}@keyframes slide-up{from{top:-30%}to{top:100%}}.nav-active{display:block}nav ul{display:flex;flex-direction:column;align-items:center;margin-top:30px;margin-bottom:10px}nav li{padding:1.3em 0}nav li a{color:#fff;font-size:30px}nav li a:hover{color:#fff}nav a:visited{color:#fff}.burger{display:block;cursor:pointer}.burger.toggle .line:nth-child(1){transform:rotate(45deg) translate(6px,0px)}.burger.toggle .line:nth-child(2){display:none}.burger.toggle .line:nth-child(3){transform:rotate(-45deg) translate(6px,0px)}.burger-icon{display:block;font-size:60px;color:#fff}.burger-icon:hover{transform:scale(1.2)}}@media only screen and (min-width:768px) and (max-width:840px){nav{display:none;position:absolute;height:40vh;top:100%;left:0;right:0;background-color:#4f518c;z-index:999;animation:slide-up .2s ease-in-out}@keyframes slide-up{from{top:-30%}to{top:100%}}.nav-active{display:block}nav ul{display:flex;flex-direction:column;align-items:center;margin-top:30px;margin-bottom:10px}nav li{padding:1.3em 22px}nav li a{color:#fff;font-size:30px}nav li a:hover{color:#fff}nav a:visited{color:#fff}.burger{display:block;cursor:pointer}.burger.toggle .line:nth-child(1){transform:rotate(45deg) translate(6px,0px)}.burger.toggle .line:nth-child(2){display:none}.burger.toggle .line:nth-child(3){transform:rotate(-45deg) translate(6px,0px)}.burger-icon{display:block;font-size:60px;color:#fff}.burger-icon:hover{transform:scale(1.2)}}