/* table{
    table-layout: fixed;
}

p{
    text-align: center;
    padding: 1px;
    margin: 1px;
    height: 25em;
} */

/* ВАРИАНТ С GRID */
.main_field{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(4, 1fr);
    /* расположение иконок по центру */
    justify-items: center;
}

.title{
    color : red;
    font-size: 2em;
    text-align: center;
}

/* .icon{
    padding: 1em;
    margin: 1em;
} */

.knowledge{
    grid-column: 1/2;
    grid-row: 1/2;
}

.about{
    grid-column: 1/2;
    grid-row: 2/3;
}

.requisites{
    grid-column: 1/2;
    grid-row: 3/4;
}

.train{
    grid-column: 3/4;
    grid-row: 1/2;
}

.face_div{
    grid-column: 2/5;
    grid-row: 2/5;
}

.face{
    width: 100%;
}

.autorisation{
    grid-column: 5/6;
    grid-row: 1/2;
}

.massage{
    grid-column: 5/6;
    grid-row: 2/3;
}

.references{
    grid-column: 5/6;
    grid-row: 3/4;
}



/* ПЕРЕОПРЕДЕЛЕНИЕ ПОЗИЦИЙ ИКОНОК ПОД УЗКИЙ ЭКРАН */

/* @media (max-width: 800px) {
    .main_field{
        grid-template-columns: repeat(4);
        grid-template-rows: repeat(3);
    }
}

    .title{
        grid-column: 2/4;
        grid-row: 1/2;
        text-align: center;
    }
    
    .autorisation{
        grid-column: 1/2;
        grid-row: 2/3;
    }
    
    .train{
        grid-column: 2/3;
        grid-row: 2/3;
        text-align: center;
    }
    
    .massage{
        grid-column: 3/4;
        grid-row: 2/3;
        text-align: center;
    }
    
    .knowledge{
        grid-column: 4/5;
        grid-row: 2/3;
        text-align: center;
    }
    
    .requisites{
        grid-column: 1/2;
        grid-row: 3/4;
        text-align: center;
    }
    
    .about{
        grid-column: 2/3;
        grid-row: 3/4;
        text-align: center;
    }
    
    .references{
        grid-column: 3/4;
        grid-row: 3/4;
        text-align: center;
    
    }

    .face{
        grid-column: 1/5;
        grid-row: 3/4;
        text-align: center; /* Выравнивание по центру
    } 
    */