.switch-layout {
    display: block;
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: white;
    z-index: 99999;
}

.switch-layout.is-inactive {
    display: none!important;
} 
                
    .switch-layout--to-desktop {
        display: none;
    }
    @media(min-width: 768px) {
        .switch-layout--to-desktop {
            display: block;
        }
    }

    .switch-layout--to-mobile {
        display: block;
    }
    @media(min-width: 768px) {
        .switch-layout--to-mobile {
            display: none;
        }
    }

    .switch-layout__message {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        text-align: center;
    }

    .switch-layout__message img { display: none; }
    @media(min-height: 320px) {
        .switch-layout__message img { display: inline; }
    }

    .switch-layout__text {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }

    .switch-layout__text--big {
        font-size: 1.2em;
    }