.clientNavBarContainer{display:flex;justify-content:center;width:100%;.clientNavBar{border-bottom:2px solid black;display:flex;margin:auto 1em;justify-content:space-between;width:1800px;img{width:150px}ul{margin:auto 0;padding:0;.link{color:black;text-transform:uppercase;text-decoration:none;margin:0 1em}}button{background-color:#e00011;border:2px solid white;border-radius:5px;color:white;font-size:15px;font-weight:600;margin:auto 0;padding:.5em 1.5em;text-transform:uppercase}.clientMobileMenuContainer,.clientMobileMenuIcon{display:none}}}@media only screen and (max-width:800px){.clientNavBarContainer{.clientNavBar{width:100%;img{width:120px}ul{.link{font-size:14px}}button{font-size:12px;padding:.5em 1.5em}}}}@media only screen and (max-width:600px){.clientNavBarContainer{.clientNavBar{margin:0;width:100%;img{margin:0 .3em;width:110px}button,ul{display:none}.clientMobileMenuIcon{display:block;width:35px}}}.clientMobileMenuContainer{display:flex;justify-content:right;position:absolute;top:0;width:100%;z-index:100;.clientMobileMenu{background-color:#000000cc;border-left:2px solid #5eefff;border-bottom:2px solid #5eefff;.closeMenuIcon{margin:.5em 0;display:flex;justify-content:right;img{width:45px}}ul{display:flex;flex-direction:column;margin:0;padding:0;text-align:center;.link{background-color:#a5d3e7;border-top:1px solid #5eefff;border-bottom:2px solid #5eefff;color:black;font-size:20px;padding:.2em 4em;text-transform:uppercase;text-decoration:none;margin:.2em 0}}.mobileLogOutBtn{display:flex;justify-content:center;margin:.5em 0;button{background-color:#e00011;border:2px solid white;border-radius:5px;color:white;font-size:15px;font-weight:600;margin:auto 0;padding:.4em 1.5em;text-transform:uppercase}}}}}