@media only screen and (min-width: 769px) and (max-width: 992px) {
    .mainmenu {
        display: none;
    }

    .ui.compact.menu.mobilemenu {
        display: block;
        padding: 7px;
    }

    .slideout-open .slideout-menu#menu {
        display: block!important;;
    }

    .mainmenu .ui.text.menu .item {
        color: #ff9c00;
        border: 1px solid transparent;
        margin-right: 0px;
        font-size: 1em;
        border-radius: 3px;
    }

    .mainmenu .ui.text.menu .about.item {
        display: none;
    }

    .column .anim {
        transform: scale(0.6);
    }

    .transition {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-duration: 0ms!important;
        animation-duration: 0ms!important;
        -webkit-animation-timing-function: ease;
        animation-timing-function: ease;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

    .dimmable>.dimmer, .blurring.dimmable > .dimmer {
        background-color: rgba(20,29,37,.9);
    }
}