/*Моб*/
body {
    display: grid;
    grid-template-areas:    "header header header"
                            ". . ."
                            ". main-section ."
                            ". . ."
                            ". footer .";
    grid-template-columns: 5px 1fr 5px;
    grid-template-rows: auto 10px auto 10px auto;
}

#a {grid-area: site-logo;} /*Логотип сайта*/
#c {grid-area: site-name;} /*Название сайта: LAMYнариум: здесь живут ручки LAMY*/
#d {grid-area: site-nav;} /*Кнопки навигации в шапке сайта: "Блог", "Обзор ручек" и т.д.*/
#e {grid-area: main-section;} /*Основной раздел, где размещается статья*/
#n {grid-area: n;} /*Раздел "Новости блога" справа*/
#f {grid-area: footer;} /*footer*/

@media screen and (min-width: 700.01px) {

/* Планшеты и компы*/
body {
    grid-template-areas:  ". . . . . ."
                          ". site-logo site-name site-name site-name ."
                          ". site-logo . . . ."
                          ". site-logo site-nav site-nav site-nav ."
                          ". . . . . ."
                          ". main-section main-section . n ."
                          ". . . . . ."
                          ". footer footer . . .";
    grid-template-columns: 0.5rem 10rem 1fr 0.5rem 25vw 0.5rem;
    grid-template-rows: 0.5rem auto 0.5rem auto 0.5rem auto 0.5rem auto;
}

/*Только компы*/
@media screen and (min-width: 1300px) {

body {
    grid-template-columns: 2.5rem 10rem 1fr 1rem 20vw 2.5rem;
    grid-template-rows: 1rem auto 0.2rem auto 1rem auto 0.5rem auto;
}

}

}