body { background-color: #1A1A1A; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-weight: 900; font-style: italic; } .header .logo img { max-height: 69px; width: unset } .header:not(.header-scrolled) { background-color:var(--color-dark); @media (min-width: 1200px) { .navmenu a:not(.dropdown-item) { color: var(--color-light); } } } .mobile-nav-toggle { color: #FFF; } .header nav a.nav-button-primary { border-radius: 5px !important; } .hero-component h1 { text-shadow: 2px 1px 5px var(--shadow-color) } .hero-component { background-size: cover; background-position: center center; p { color: var(--color); } p:hover { background: rgba(255, 255, 255, 0.9) !important; }; } .rows-2cols-txt-img-component .section { color: var(--color-light); } .section { margin-top:0; padding: 0; font-size: 24px; color: var(--color-light); a.link:hover { color: var(--color-primary); text-decoration: underline; } } .hero-video-component {  padding-top: 108px; .img { max-width: 180px; max-height: 180px; } .video-label { left: 15%; top: calc(50% - 36px); } } @media(max-width: 490px) { .hero-video-component { .video-label { left: 5%; top: calc(95% - 120px); } .img { max-width: 120px; max-height: 120px; } } } footer {background-color: var(--color-dark) !important; color: var(--color-light); }