#header {
    background: transparent;
    box-shadow: none !important;
    transition: all 0.2s ease;
}

#header.menu-active, #header:hover, #header.scrolled {
    background: #fff;
    box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1) !important;
}

.header_left .menu li a, .header_right .menu li a{
    color: #fff;
}

#header:hover .header_left .menu li a, #header:hover .header_right .menu li a, #header.scrolled .header_left .menu li a, #header.scrolled .header_right .menu li a, #header.menu-active .header_left .menu li a, #header.menu-active .header_right .menu li a{
    color: #000;
}

#header .bar i {
    color: #fff;
}

#header:hover .bar i, #header.scrolled .bar i, #header.menu-active .bar i{
    color: #000;
}

#header_mobile{
    background-color: transparent;
}


.a35 {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.scroll-wrapper {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0vh;
}

#generater-viewer {
    width: 100%;
    height: 80vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: -20vh;
    z-index: 2;
}

#sequence-image {
    max-width: 100%;
    max-height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

/* .a35-text {
    font-size: 10vw;
    text-align: center;
} */

/* .a35-text-small {
    font-family: 'Mokoto Regular';
    font-size: 150px;
    font-weight: 700;
} */







/* --------------  Extra Small Devices  -------------- */
/* Most smartphones in portrait mode */
@media (max-width: 480px) {
    /* styles for small phones */
}

/* --------------  Small Devices  -------------- */
/* Larger smartphones & small tablets in portrait */
@media (min-width: 481px) and (max-width: 767px) {
    /* styles for large phones & small tablets */
}

/* --------------  Medium Devices  -------------- */
/* Tablets in landscape, small laptops */
@media (min-width: 768px) and (max-width: 1023px) {
    /* styles for tablets & small laptops */
}

/* --------------  Large Devices  -------------- */
/* Laptops and small desktops */
@media (min-width: 1024px) and (max-width: 1279px) {
    /* styles for laptops */
}

/* --------------  Extra Large Devices  -------------- */
/* Full HD screens & larger desktops */
@media (min-width: 1280px) and (max-width: 1535px) {
    /* styles for desktops */
}

/* --------------  Ultra Wide Devices  -------------- */
/* 2K, 4K, ultrawide monitors */
@media (min-width: 1536px) {
    /* styles for very large screens */
}