@media screen and (min-width:601px) and (max-width: 1000px) {

    .comain p {
        width: 700px;
    }

    .por p {
        width: 100%;
        font-size: 35px;
        left: 52%;
    }

    .tha p {
        width: 85%;
    }

    .coha h1 {
        font-size: 160px;
    }

    .coha img {
        position: absolute;
        width: 170px;
        height: 270px;
    }

    .cohdiva {
        width: 200px;
        height: 200px;
    }

    .cohdiva h2 {
        font-size: 30px;
        top: 75%;
    }

    .stem:hover {
        top: 50%;
    }

    .codp:hover {
        top: 50%;
    }

    .inst:hover {
        top: 50%;
    }

    .cohdiva:hover {
        background: red;
        color: #000;
        border: 3px solid red;
    }
}

@media screen and (min-width:250px) and (max-width: 600px) {

    body {
        background: #000;
    }

    .nevra {
        left: 0;
        top: 0;
        height: 100px;
        width: 50px;
    }

    .glitch {
        transform: translate(-50%, -50%)rotate(90deg);
    }

    .start {
        font-size: 30px;
    }

    .bun span {
        font-size: 35px;
        white-space: normal;
    }

    .comain {
        height: 450px;
        overflow: visible;
    }

    .comain p {
        width: 100%;
        font-size: 30px;
    }

    .por i {
        font-size: 70px;
    }

    .por h1 {
        font-size: 70px;
    }

    .por p {
        width: 90%;
        font-size: 25px;
        top: 55%;
        left: 50%;
        letter-spacing: 5px;
    }

    .por2 p {
        letter-spacing: 2px;
    }

    .tha {
        font-size: 30px;
    }

    .tha p {
        width: 100%;
    }

    .coha {
        height: 840px;
    }

    .coha h1 {
        font-size: 120px;
        left: 90%;
        transform: translate(-50%, -50%) rotate(90deg);
    }

    .coha img {
        position: absolute;
        width: 250px;
        height: 250px;
        margin-top: 20px;
    }

    .inst {
        left: 50%;
        top: 0;
        transform: translate(-50%);
    }


    .cohdiva {
        margin-top: 80px;
        width: 200px;
        height: 200px;
    }

    .cohdiva h2 {
        font-size: 25px;
        top: 75%;
    }

    .cohdiva i {
        font-size: 110px;
    }

    .codp {
        top: 60%;
        right: 50%;
        transform: translate(50%);
    }

    .stem {
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .coha p {
        white-space: nowrap;
        font-size: 14px;
    }

    .stem:hover {
        top: 42%;
    }

    .codp:hover {
        top: 60%;
    }

    .inst:hover {
        top: 0%;
    }

    .cohdiva:hover {
        background: red;
        color: #000;
        border: 3px solid red;
    }
}