/* cmsms stylesheet: OtletApp_General-MediaQuery modified: 2023. március 28., kedd 17:31:01 */
@media (orientation: portrait) {
    iframe {
        height: 60vh;
    }
}

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

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

@media (max-width: 991.98px) {
    body.menu-open {
        overflow: hidden;
    }

    #mobileMenuOpen, #mobileMenuClose, .menu-fade {
        display: block;
    }

    #mobileMenuClose {
        position: absolute;
        right: 1rem;
        font-size: 1.4em;
    }

    #mobileMenuClose a {
        padding: 0.5rem;
        margin: -0.5rem -0.5rem 0 0;
    }

    #mobileMenuOpen {
        padding: 0 0.25rem;
        font-size: 1.3em;
        color: #fff;
    }

    .menu-fade {
        position: absolute;
        left: 100vw;
        right: -100vw;
        top: 0;
        bottom: 0;
        height: 100vh;
        z-index: 99;
        background-color: rgba(0,0,0,0.4);
    }

    nav > ul {
        position: absolute;
        z-index: 100;
        background-color: #fff;
        padding: 1.5rem;
        flex-direction: column;
        height: 100vh;
        left: 100vw;
        right: -80vw;
        top: 0;
        bottom: 0;
        overflow-y: auto;
    }

    body.menu-open nav > ul {
        left: 20vw;
        right: 0;
    }

    body.menu-open .menu-fade {
        left: 0;
        right: 0;
    }

    header a {
        color: var(--default-text-color);
    }

    nav a {
        margin: 0em;
        padding: 0.4em 0;
        display: inline-block;
    }

    #goApp i {
        margin-right: 0;
    }

    #goApp span {
        display: none;
    }

    #goApp {
        order: 1;
    }

    nav {
        order: 2;
    }

    section:not(.slide) {
       padding: 2em 0;
    }

    section:not(.slide):first-child {
       padding-top: calc(2em + 75px);
    }

    section.title-row h1 {
        font-size: 1.8em;
    }
}

@media (max-width: 767.98px) {
    body {
        font-size: 1.15em;
    }

    .slide {
        font-size: 1em;
    }

    section.title-row h1 {
        font-size: 1.6em;
    }
}

@media (max-width: 575.98px) {
    body {
        font-size: 1.1em;
    }

    section:not(.slide):first-child {
       padding-top: calc(2em + 65px);
    }

    section.title-row h1 {
        font-size: 1.55em;
    }
}