@media screen and (min-width:70em) {
    .header {
        -webkit-transition: all .3s;
        transition: all .3s
    }

    body.over .header {
        background: yellow;
        color: #000
    }

    body.over .main,
    body.over .menu {
        color: #000
    }

    body.over .menu a:before {
        background-image: url(../images/menu_dot_black.html)
    }

    body.over .main {
        background: yellow !important
    }

    body.over .nav {
        color: #000
    }

    body.over .back {
        background: url(../images/menu_x_black.html) no-repeat 50%;
        background-size: .9375rem .9375rem
    }

    body.over .nav .dots li {
        background: url(../images/menu_dot_black.html) no-repeat 50%
    }

    body.over .nav .dots li[hidden] {
        opacity: 0;
        width: 0;
        height: 0;
        margin: 0
    }
}