* { padding: 0; margin: 0; padding: 0; box-sizing: border-box;}

.header {
    
    background-color: rgb(155, 155, 155);
    display:grid;
    grid-template-columns: auto auto;
    /*grid-gap: 1em;*/
    height: auto;
    width:auto;
    align-items: center;
    }

.logo {
    height: 100px; 
    text-align: center; 
   }

.title {
    background-color: inherit;  
    font-weight: 700;
    font-size: 1vw;
    text-transform: uppercase;
    text-align: center;
    padding: 2em;
    color: rgb(3, 56, 58);
    font-style: italic;
    
}
/* контейнер для заголовков в меню */
.header-menu-box {
    background-color: inherit;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 1em;
    padding-left: 2em;
    justify-items: stretch;
      
}
/* заголовки в меню */
.header-menu {
    width: 100%; 
    background-color:inherit;
    font-weight: 700;
    font-size: 1,5vw;
    text-transform: uppercase;
    /*border-width: 1px;*/
    color: rgb(3, 56, 58);
}
select {
    width: 160px; 
    height: 30px;
    font-weight: 400;
    justify-items: center;
    color: rgb(3, 56, 58);
}
.main-wrapper {
    background-color: white;
    display:grid;
    grid-template-columns: 1fr;
    grid-gap: 1em;
    justify-items: center;
}
.main-box {
    width: 50%;
    justify-self: center;
    
}
.news-box{ 
    background-color: rgb(195, 195, 195);
    width: 38%;
    justify-self: center;
    display: grid;
    grid-template-rows: 50% 20% 20% 10%;
    justify-items: center;
   }
.news-title{
    font-weight: 700;
    font-size: x-large ;
    text-transform: uppercase;
    justify-self: center;
    color: rgb(3, 56, 58);
   
}
.footer{
   background-color: black; 
   height: 5em;
   display: grid;
   grid-template-columns: 4fr 1fr 0.5fr;
   justify-items: end;
   font-size: 1vw;
   color: white;
   
}
.chapter_title {
    color: rgb(3, 56, 58);
    background-color: rgb(195, 195, 195);
    width: 55%;
    font-size: 2vw;
    font-weight: 700;
    text-align: center;
    justify-items: center;
}