@media screen and (max-width: 1280px) {
    #menu-elements.responsive {
        position: relative;
    }

    #menu-elements.responsive * {
        float: none;
        display: block;
        text-align: left;
    }

    #menu-elements.responsive {
        position: absolute;
    }
}

@font-face {
    font-family: "Lora";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Lora";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Lora";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-700-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Lora";
    font-style: italic;
    font-display: swap;
    font-weight: 600;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-600-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Lora";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Lora";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../assets/lora_5.2.6/webfonts/lora-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 900;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-900-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 800;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-800-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 700;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-700-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-600-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 500;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-500-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-400-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 300;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-300-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 200;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-200-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: normal;
    font-display: swap;
    font-weight: 100;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-100-normal.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 900;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-900-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 800;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-800-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 700;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-700-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 600;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-600-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 500;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-500-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 400;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-400-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 300;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-300-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 200;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-200-italic.woff2") format("woff2");
}

@font-face {
    font-family: "Roboto";
    font-style: italic;
    font-display: swap;
    font-weight: 100;
    src: url("../assets/roboto_5.2.6/webfonts/roboto-latin-100-italic.woff2") format("woff2");
}