.descope {
    display: none;
}

@media (min-width: 900px) {
    .descope {
        display: block;
        position: relative;
        width: 100%;
        height: 100vh;
    }

    /* .box {
        background-color: #2f3;
    } */

    .name {
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 50%;
        background-color: #222;
    }

    .name .zoomcontainer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        color: antiquewhite;
        transition: .3s;
    }

    .name .zoomcontainer:hover {
        background-color: #333;
    }

    .name .star {
        position: absolute;
        top: 30%;
        left: 50%;
        transform: translateX(-50%);
        color: gold;
    }

    .name .star i {
        font-size: 28px;
    }

    .name .boxtxt {
        position: absolute;
        top: 55%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        text-transform: uppercase;
        width: 100%;
    }

    .name .boxtxt h1 {
        font-size: 36px;
        letter-spacing: 2px;
    }

    .name .boxtxt h2 {
        font-size: 34px;
        color: brown;
        letter-spacing: 2px;
    }

    .menu {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50%;
        height: 50%;
        background-color: #222;
    }

    .boxmenu {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: 100%;
        transform: translate(-50%, -50%);
        color: #fff;
    }

    .descopedumpkinsOffer {
        position: absolute;
        top: 50px;
        left: 30px;
    }

    .descopedumpkinsOffer h2 {
        font-size: 40px;
    }

    .descopedumpkinsOffer p {
        font-size: 28px;
        line-height: 140%;
    }

    .descopekrokietyOffer {
        position: absolute;
        top: 50px;
        right: 30px;
        text-align: right;
        margin-left: 300px;
    }

    .descopekrokietyOffer h2 {
        font-size: 40px;
    }

    .descopekrokietyOffer p {
        font-size: 28px;
        line-height: 140%;
    }

    .pic {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 50%;
        height: 50%;
    }

    .piccontainer {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .piccontainer img {
        width: 100%;
        height: 100%;
        transition: .3s;
    }

    .piccontainer img:hover {
        width: 120%;
        height: 120%;
        cursor: pointer;
    }

    .jpg {
        position: absolute;
        top: 0;
        right: 0;
        width: 50%;
        height: 50%;
    }
}

@media (min-width: 1150px) {
    .name .star i {
        font-size: 34px;
    }

    .name .boxtxt h1 {
        font-size: 42px;
    }

    .name .boxtxt h2 {
        font-size: 40px;
    }
}