@media (min-width: 1400px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1280px;
    }
}

@media (max-width: 1199px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    header.header {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 10%);
    }

    header.header.active .header-holder {
        -webkit-transform: translateY(0%);
        -moz-transform: translateY(0%);
        -ms-transform: translateY(0%);
        -o-transform: translateY(0%);
    }

    header.header .header-holder {
        height: var(--padding);
    }

    header.header .header-logo {
        position: relative;
        z-index: 100;
    }

    header.header .header-menu {
        position: fixed;
        inset: 0 0 0 0;
        width: 100vw;
        height: 100vh;
        flex-direction: column;
        justify-content: space-evenly;
        padding: var(--padding) 0 calc(var(--padding) / 2) 0;
        background: var(--color-light);
        transition: var(--transition);

        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
    }

    header.header .header-menu.active {
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
    }

    header.header .header-menu-element-link {
        font-size: 1.5rem;
    }

    main[data-template="index"] section.hero {
        height: auto;
        padding-bottom: 0;
        max-height: initial;
    }

    main[data-template="index"] #section1 img[src*="emoji1.png"],
    main[data-template="index"] #section1 img[src*="emoji2.png"],
    main[data-template="index"] #section1 img[src*="woman.png"] {
        opacity: 0.1;
    }

    main[data-template="index"] #section2 svg {
        top: 35%;
        left: -20%;
        right: auto;
        opacity: 0.5;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }

    main[data-template="index"] #section7 svg {
        top: -30%;
        right: 10%;
        opacity: 0.5;
    }

    section.padding.double {
        padding: var(--padding) 0;
    }

    section.accordions .accordions-accordion .accordions-accordion-header:active {
        background: inherit;
    }

    section.accordions .accordions-accordion .accordions-accordion-header p {
        font-size: 1rem;
        margin-right: 2rem;
    }

    section.accordions .accordions-accordion .accordions-accordion-header:hover p {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }

    section.accordions .accordions-accordion .accordions-accordion-header img {
        width: 1rem;
    }

    footer.footer .footer-holder {
        padding: 3rem 0;
    }

    footer.footer .footer-menu-element-header {
        margin-bottom: 1rem;
    }
}