#header{transition:all 1s ease}#header .container{position:relative}.header-row{background:var(--color-green);border-radius:9999px;color:var(--color-offwhite);display:flex;justify-content:space-between;left:0;margin:auto;max-width:95%;padding:7px;position:fixed;right:0;top:40px;transition:all 1s ease;width:1250px;z-index:500}.logo{margin-left:20px;margin-top:5px;max-width:100%;opacity:0;position:absolute;position:static;text-decoration:none;transition:opacity 2s ease;visibility:hidden;width:124px}.header-row.fixed .logo{opacity:1;visibility:visible}.main-nav ul{display:flex;flex-wrap:wrap;gap:25px;justify-content:flex-start;list-style:none;margin:0;padding:0 0 0 50px;transition:transform 1s ease}.header-row.fixed .main-nav ul{transform:translateX(20%)}.main-nav li a{color:var(--color-offwhite);font-size:17px;text-decoration:none;text-transform:uppercase;transition:all 1s ease}.main-nav li a:hover{color:var(--color-orange)}.mobile-nav,.navbar-toggle{display:none}@media (max-width:1190px){.main-nav ul{gap:15px}.gap-nav ul li a{font-size:16px}.header-row.fixed .main-nav ul{transform:translateX(15%)}}@media (max-width:1100px){#header{transition:all .3s}.logo{width:120px}}