.t-rec {
     margin-left: 400px !important;
 }

#rec459445813 {
    margin-left: 0px !important;
}

#rec459454408 {
     margin-left: 350px !important;
}

@media screen and (max-width: 960px) { 
    .t-rec { margin-left: 0px !important; } 
    .nanograd-menu-container { display:none; }
    #rec459454408 { margin-left: 0px !important; }
}
 
 .nanograd-menu-container {
                display: flex;
                flex-direction: column;
                position: fixed;
                left: 0;
                top: 0;
                width: 350px;
                height: 100%;
                min-height: 100%;
                box-sizing: border-box;
                padding: 50px;
                background: url('https://static.tildacdn.com/tild3332-3130-4637-b564-653739396536/menu-bg.jpg') no-repeat;
                background-size: cover;
                font-family: 'Roboto', sans-serif;
            }
            
            .nanograd-menu-logo {
                background: url('https://static.tildacdn.com/tild6134-6234-4766-b266-313762646538/logo.svg') no-repeat;
                /* background: url('logo.svg') no-repeat; */
                background-size: contain;
                width: 200px;
                height: 80px;
            }

            .nanograd-menu {
                display: flex;
                flex-direction: column;
            }

            .nanograd-menu a {
                align-self: flex-start;
                box-sizing: border-box;
                border-radius: 10px;
                padding: .5rem 1rem;
                margin: .5rem 0;
                font-size: 1.1rem;
                font-weight: bold;
                text-decoration: none;
                color: #ffffff !important;
                opacity: .9;
                background-color: rgba(118,182,228,0);
                -moz-transition: all ease-in .2s;
                -webkit-transition: all ease-in .2s;
                transition: all ease-in .2s;
            }

            .nanograd-menu a:hover {
                opacity: 1;
                background-color: rgba(118,182,228,.8);
                -moz-transition: all ease-in .2s;
                -webkit-transition: all ease-in .2s;
                transition: all ease-in .2s;
            }

            .nanograd-menu-spacer {
                flex-grow: 1;
            }

            .nanograd-menu-social {
                margin: 3rem 0 0 0;
                flex-direction: column;
                box-sizing: border-box;
                padding: 0 0 0 1rem;
            }

            .nanograd-menu-social div {
                clear: both;
                margin: 1rem 0 0 0;
                font-size: .7rem;
                color: #ffffff;
            }

            .nanograd-menu-social a {
                display: block;
                float: left;
                width: 30px;
                height: 30px;
                margin: 0 30px 30px 0;
                opacity: .7;
                -moz-transition: all ease-in .2s;
                -webkit-transition: all ease-in .2s;
                transition: all ease-in .2s;
            }

            .nanograd-menu-social a {
                opacity: 1;
                -moz-transition: all ease-in .2s;
                -webkit-transition: all ease-in .2s;
                transition: all ease-in .2s;
            }

            .nanograd-menu-social-vk {
                background: url('https://static.tildacdn.com/tild3566-3362-4462-a631-346162656263/vk.svg') no-repeat;
                background-size: contain;
            }

            .nanograd-menu-social-tg {
                background: url('https://static.tildacdn.com/tild3036-6136-4132-a230-313434656533/tg.svg') no-repeat;
                background-size: contain;
            }