@media (min-width: 768px) {
    .info:after {
        top: -50%;
        right: -1.5rem;
        transform: translateY(-50%);
    }
    header .fz3 {
        font-size: 2.5rem;
    }

    .sec0 .fz3 {
        font-size: 2rem;
    }
}

@media (max-width: 991px) {
}

@media (max-width: 767px) {
    body,
    html {
        font-size: 14px;
    }

    .logo img {
        height: 2rem;
    }

    header {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 2;
        transition: background 0.3s;
    }

    header.active {
        background: #0a0e19;
    }

    .tac-xs {
        text-align: center;
    }

    .orng {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
    }

    .tar-xs {
        text-align: end;
    }

    .wxs100 {
        width: 100%;
    }

    .info:after {
        bottom: -1.5rem;
        left: 50%;
        transform: translateX(-50%);
    }
}