.logo{width:200px;height:auto;max-width:100%;transition:all .6s ease-in-out}.navbar{padding:10px 0;align-items:center}@media(max-width:991.98px){.navbar{padding:0}.navbar-brand img{max-width:180px;height:auto}}@media(max-width:767.98px){.navbar{padding:5px 0}.navbar-brand img{max-width:160px;height:auto}}.wholesome:hover .logo{filter:drop-shadow(0 0 8px gold) drop-shadow(0 0 16px orange);transform:scale(1.05)}.wholesome{display:inline-block;position:relative;border-radius:8px;overflow:hidden}.wholesome:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,pink,orange,gold,#ff0);background-size:200% 200%;opacity:0;transition:all .8s ease-in-out;z-index:-1}.wholesome:hover:before{opacity:.4;background-position:right center}.wholesome:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;border:2px solid gold;border-radius:50%;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none}.wholesome:hover:after{animation:burst-ring 1s ease-out forwards}@keyframes burst-ring{0%{transform:translate(-50%,-50%) scale(0);opacity:1}70%{transform:translate(-50%,-50%) scale(8);opacity:.5}to{transform:translate(-50%,-50%) scale(12);opacity:0}}