CSS Styles for Responsive Logo Positioning

This snippet contains CSS styles for positioning a logo on the page. It defines the position, width, and layering of the logo in both standard and responsive layouts. The media query ensures proper display on smaller screens by adjusting dimensions and positions accordingly.

.roxit-logo {
    position: absolute;
    width: 200px;
    left: 1rem;
    top: 2rem;
    z-index: 991;
}


@media screen and (max-width: 990px) {
    #metalogoid {
        max-width: 3.5rem;
        position: absolute;
        z-index: 99;
        top: 1rem;
        left: 2.9rem;
        height: 50px;
    }
}