Форум 3.0: замечания и предложения

.media-top--grid {
grid-template-columns: repeat(auto-fill, minmax(480px, 1fr));
grid-gap: 10px 15px;
grid-auto-rows: minmax(90px, 120px);
max-width: initial;
}

.media-small--image {
flex: 1 1 90px;
padding-bottom: 0%;
}

.media-small--heading {
font-family: "PT Serif", serif;
font-size: 15px;
line-height: 1.25;
font-weight: 700;
color: #000;
margin: 0 0 auto;
padding: 0 0 12px;
}

.media-large--heading {
font-size: 25px;
line-height: 1;
color: #fff;
}

.media-large--summary {
font-size: 15px;
line-height: 24px;
color: #fff;
display: block;
margin: 0 0 24px;
}

.media-note--inner {
position: relative;
width: 100%;
padding: 8px 10px 5px 10px;
border: 1px solid #dfd6d4;
background-color: #fff;
}

.media-note--message {
font-family: "PT Serif", serif;
font-size: 15px;
line-height: 1.25;
color: #000;
}

.media-best--grid {
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

.media-video--heading {
font-family: "PT Serif", serif;
font-size: 15px;
}

.media-news--heading {
font-family: "PT Serif", serif;
font-size: 15px;
}

.media-news--image {
width: 100%;
padding-bottom: 50%;
}

.media-video--image {
width: 100%;
padding-bottom: 50%;
}

.marker-list--item:not(:last-child) {
margin: 0 0 5px;
}

.marker-list--item {
padding: 10px 40px 10px 10px;
}

.subheader--inner {
padding: 15px 15px 5px;
}

.subheader--heading h1 {
font-family: "Noto Serif", serif;
font-size: 18px;
}

.menu-top--inner {
height: 30px;
}

.middle-header--inner {
height: 55px;
}

.middle-header--logo {
width: 202px;
height: 63px;
background-size: 202px;
}