@media screen and (max-width: 1169px) {
    .container {
        width: 969px;
    }
    .burger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .head nav {
        position: fixed;
        top: 0%;
        left: -100%;
        width: 80%;
        height: 100%;
        background: #333;
        z-index: 10;
        -webkit-transition: .7s;
        transition: .7s;
    }
    .head nav .menu {
        display: block;
        text-align: center;
    }
    .head nav .menu .menu-item {
        background: #f00;
        height: 20px;
    }
    .head nav .menu .menu-item > a {
        display: block;
        color: #fff;
        background: #fb1616;
        margin: 30px auto;
        width: 50%;
        transform: translateY(2px);
        box-shadow: inset 0 -2px 1px;
    }
    .head .logo {
        margin-right: 60%;
    }
    #burger:checked ~ nav {
        left: 0;
    }
    #burger:checked ~ .burger :nth-child(2) {
        opacity: 0;
    }
    #burger:checked ~ .burger :nth-child(1) {
        transform: translateY(15px) rotate(45deg);
    }
    #burger:checked ~ .burger :nth-child(3) {
        transform: translateY(-15px) rotate(-45deg);
    }
    #product h1, #recipes h2, #videos h2, #social h2 {
        text-align: center;
        text-shadow: 3px 4px 12px #000000b5;
    }
    #product, #recipes, #videos, #social {
        padding: 40px 40px 80px;
    }
    #connect {
        background-size: 100%;
        height: 145px;
        padding-right: 34px;
    }
    #connect #logos {
        -webkit-column-gap: 77px;
        column-gap: 77px;
    }
    #connect #logos li a {
        font-size: 50px;
    }
    #recipes input {
        bottom: 4%;
    }
    #product input {
        bottom: 4%;
    }
}

@media screen and (max-width: 968px) {
    .container {
        width: 769px;
    }
    .head .logo {
        margin-right: 50%;
    }
    .video iframe {
        height: 360px;
    }
    #product h1, #recipes h2, #videos h2, #social h2 {
        font-size: 4.5rem;
    }
    #product .slider .big .item .box .pic {
        height: 250px;
    }
    #product .slider .big .item .box .text h3 {
        font-size: 1.6rem;
    }
    #product .slider .big .item .box .text h2 {
        font-size: 1.3rem;
    }
    #product .slider .big .item .box .text {
        padding: 15px;
        height: 150px;
    }
    #product .slider {
        height: auto;
    }
    #product input {
        bottom: 5%;
    }
    #recipes .slider .big {
        width: 100%;
    }
    #recipes .slider .big .item .box {
        width: calc(100% / 3);
    }
    #recipes .slider .big .item .box .info {
        padding: 20px;
        -webkit-box-shadow: inset -5px -6px 6px -6px #000;
        box-shadow: inset -5px -6px 6px -6px #000;
    }
    #recipes .slider .big .item .box .info h3 {
        font-size: 1.2rem;
    }
    #recipes .slider {
        height: auto;
    }
    #recipes {
        padding-bottom: 60px;
    }
    #recipes :nth-child(3) {
        left: 51%;
    }
    #videos .slider .big {
        height: auto;
    }
    #videos .slider .big .item {
        display: block;
        text-align: center;
    }
    #videos .slider .big .item iframe {
        width: 100%;
    }
    #videos .slider .big .item .text {
        width: auto;
        display: block;
        margin-top: 20px;
    }
    #videos input {
        left: 50%;
    }
    #connect {
        height: 115px;
        padding-right: 105px;
    }
    #connect #logos {
        -webkit-column-gap: 53px;
        column-gap: 53px;
        width: auto;
    }
    footer .footMenu a {
        font-size: 13px;
    }
    footer .developers {
        font: 16px cursive;
    }
}