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

.Back {					float: right; display: block; width: 40px; height: 40px; margin: 0 0 20px 20px; background: url(/i/icons.svg#back) no-repeat right -10px center; }
.News {					display: grid; width: 100%; margin-top: 50px; grid-template-columns: repeat(auto-fill, minmax(333px, 1fr)); grid-gap: 50px; list-style: none; }
.News LI {				height: 300px; background: #FFF; }
.News LI A {			height: 300px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; }
.News LI A FIGURE {		flex-basis: 180px; background-color: var(--color-key1); background-position: center; background-size: cover; }
.News LI A DATE {		padding: 20px 20px 0 20px; color: var(--color-grey); font-size: 12px; }
.News LI A DIV {		flex-grow: 9; }
.News LI A H2 {			padding: 3px 20px 20px 20px; font-size: 19px; line-height: 21px; font-weight: 500; border: none; }

}

@media screen and (max-width: 1233px) {

.Back {					float: right; display: block; width: 28px; height: 28px; margin: 0 -9px 10px 10px; background: url(/i/icons.svg#back) no-repeat center; }
.News {					display: grid; width: 100%; margin-top: 20px; grid-template-columns: repeat(auto-fill, minmax(333px, 1fr)); grid-gap: 20px; list-style: none; }
.News LI {				height: 300px; background: #FFF; }
.News LI A {			height: 300px; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; }
.News LI A FIGURE {		flex-basis: 180px; background-color: var(--color-key1); background-position: center; background-size: cover; }
.News LI A DATE {		padding: 20px 20px 0 20px; color: var(--color-grey); font-size: 12px; }
.News LI A DIV {		flex-grow: 9; }
.News LI A H2 {			padding: 3px 20px 20px 20px; font-size: 18px; line-height: 21px; font-weight: 500; border: none; }

}