@media screen and (max-width: 600px) {
/* Mobile styles */
    .header {
        position: fixed;
        scale: 1;
        top: 0vmax;
        width: 87%;


    }
        .window1 {
    position: absolute;
    background: transparent;
    width: 100%;
    height: 100%;

    top: 0px;
    left: 0px
}
        .window1handle {
    translate: -12.5% -50%;
}
    .window1title {
        text-align: center;
    left: 50%;
    translate: -50% 0%;
        white-space: nowrap;
    }
    .window1desc {
        text-align: center;
    left: 50%;
    width: 100%;
    translate: -50% 0%;
    }

    .window2handletxt {
        text-align: center;
        width: 75%;
        translate: -50% 0%;
        white-space: nowrap;
    }
    .window2handledesc {
        text-align: center;
        margin-left: 50%;
        width: 75%;
        translate: -50% 0%;
    }
    .window2handle2 > img {
        opacity: 0;
    }
    .window2handle2 {
        width: calc(100% - 10vmax);
    }
    .window2handle2line1, .window2handle2line2, .window2handle2line3 {
        opacity: 0;
    }
    .window2handle2feature1 {
        left: 0%;
        translate: 0% 0%;
        scale: 1.25;
    }
    .window2handle2feature2 {
        right: 0%;
        top: 13vmax;
        translate: 0% 0%;
        scale: 1.25;
    }
    .window2handle2feature3 {
        left: 0%;
        top: 26vmax;
        translate: 0% 0%;
        scale: 1.25;
    }
    .window2handle2feature4 {
        right: 0%;
        top: 39vmax;
        translate: 0% 0%;
        scale: 1.25;
    }
    .window2handle2feature5 {
        left: 0%;
        top: 52vmax;
        translate: 0% 0%;
        scale: 1.25;
    }
    .window2handle2feature6 {
        right: 0%;
        top: 65vmax;
        translate: 0% 0%;
        scale: 1.25;
    }

    .window3 {
        height: 120%;
    }
    .window3handletxt {
        text-align: center;
        width: 85%;
        translate: -50% 0%;
        white-space: nowrap;
    }
    .window3handledesc {
        text-align: center;
        margin-left: 50%;
        width: 75%;
        translate: -50% 0%;
    }
    #title {
        top: 10.8vmax;
        translate: -120% 0%;
    }


    .window3handle2 {
        position: absolute;
        background: transparent;

        width: calc(100% - 3vmax);
        height: 90vmax;

        left: 50%;
        top: 22vmax;
        translate: -50% 0%;
        scale: 1;
    }
    .basic {
        width: 100%;
        height: 30vmax
    }
    .standard {
        width: 100%;
        height: 30vmax;
        top: 32.5vmax;
    }
    .standardecor {
        width: 100%;
        height: 31.75vmax;
        top: 31vmax;
    }
    .premium {
        width: 100%;
        height: 30vmax;
        top: 64vmax;
    }
}

@media (min-aspect-ratio: 1/1) {
    .header {
        scale: 2;
        top: 2vmax;
    }
    .window3 {
    height: 90%;
}
}
@media (min-aspect-ratio: 3/2) {
    .header {
        scale: 1.5;
        top: 1vmax;
    }
    .window3 {
        height: 95%;
    }
}
@media (min-aspect-ratio: 16/10) {
    .header {
        scale: 1;
        top: 0vmax;
    }
    .window3 {
        height: 95%;
    }
}
@media (min-aspect-ratio: 16/9) {
    .header {
        scale: 1;
        top: 0vmax;
    }
    .window3 {
        height: 125%;
    }
    .window2handle2 {
        scale: 0.9;
    }
    .window3handle2 {
        scale: 0.9;
    }
}
@media (min-aspect-ratio: 21/9) {
    .header {
        scale: 1;
        top: 0vmax;
    }
    .window3 {
        height: 100%;
    }
    .window2handle2 {
        scale: 0.7;
        top: 15vmax;
    }
    .window2handle {
        scale: 0.6;
    }
    .window3handle {
        scale: 0.6;
        top: 3vmax;
    }
    .window3handle2 {
        scale: 0.7;
        top: 12vmax;
    }
}
@media (min-aspect-ratio: 32/9) {
    .header {
        scale: 1;
        height: 3vmax;
        top: 0vmax;
    }
    .headerfeatures, .headerpricing, .headersupport, .headerdashboard {
        font-size: 1vmax;
    }
    .window1handle {
        scale: 0.6;
    }
    .window1handle2 {
        scale: 0.6;
    }

    .window3 {
        height: 100%;
    }
    .window2handle2 {
        scale: 0.5;
        top: 4vmax;
    }
    .window2handle {
        scale: 0.4;
        top: 1vmax;
    }
    .window3handle {
        scale: 0.4;
        top: 1vmax;
    }
    .window3handle2 {
        scale: 0.45;
        top: 4vmax;
    }
}