/* Common */
body {
    background-color: #ebeced;
}

.menu-header {
    background-color: #E2C155;
}

.ui.main.menu > a {
    color: #fff!important;
}

.ui.main.menu > .user.item > a {
    color: #fff!important;
}

main {
    margin-top: 20px!important;
}


/* All Sizes */
.hidden.menu {
    display: none;
}

.mobile-mode {
    display: none!important;
}

/* Mobile */

@media only screen and (max-width: 767px) {
    
    .pc-mode {
        display: none!important;
    }
    .mobile-mode {
        display: block!important;
    }

    h1.ui.header {
        font-size: 1.2rem;
    }
    .main.menu .item,
    .main.menu .menu {
        display: none!important;
    }
    .main.menu .toc.item {
        display: inline!important;
        text-align: left!important;
    }
    .main.menu .user.item {
        display: inline!important;
        text-align: left!important;
    }
}

/* Tablet */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    
}

/* Small Monitor */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
}

/* Large Monitor */

@media only screen and (min-width: 1200px) {
}