@media screen and (min-width: 1200px) and (max-width: 1920px) {
    .conteiner{
        width: 50%;
    }
    .menu{
        font-size: 24px;
    }
    .cell{
        width: 120px;
        height: 120px;
    }
    .cell_n{
        font-size: 16px;
    }
    .cell_s{
        font-size: 40px;
    }
    .logo_img{ width: 60%;}
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
    .conteiner{
        width: 60%;
    }
    .menu{
        font-size: 24px;
    }
    .cell{
        width: 120px;
        height: 120px;
    }
    .cell_n{
        font-size: 16px;
    }
    .cell_s{
        font-size: 40px;
    }
    .logo_img{ width: 60%;}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    input, textarea, select {font-size: 16px;}
    .conteiner{
        width: 75%;
    }
    .menu{
        font-size: 22px;
    }
    .cell{
        width: 100px;
        height: 100px;
    }
    .cell_n{
        font-size: 16px;
    }
    .cell_s{
        font-size: 32px;
    }
    .logo_img{ width: 50%;}
}
@media screen and (min-width: 576px) and (max-width: 768px){
    input, textarea, select {font-size: 16px;}
    .conteiner{
        width: 98%;
    }
    .menu{
        font-size: 18px;
    }
    .cell{
        width: 80px;
        height: 80px;
    }
    .cell_n{
        font-size: 14px;
    }
    .cell_s{
        font-size: 28px;
    }
    .logo_img{ width: 50%;}
}
@media screen and (min-width: 376px) and (max-width: 576px)  {
    input, textarea, select {font-size: 16px;}
    .conteiner{
        width: 98%;
    }
    .menu{
        font-size: 18px;
    }
    .cell{
        width: 80px;
        height: 80px;
    }
    .cell_n{
        font-size: 14px;
    }
    .cell_s{
        font-size: 28px;
    }
    .logo_img{ width: 80%;}
}
@media screen and (min-width: 100px) and (max-width: 376px)  {
    .logo_img{ width: 80%;}
}