/**** CONTAINER ****//**** CONTAINER ****//**** CONTAINER ****/

.container {width: 100%; max-width: var(--container-width); margin: 0px auto; padding: 0px var(--container-padding) 0px var(--container-padding);}

/**** SECTIONS ****//**** SECTIONS ****//**** SECTIONS ****/

section, #news-item {padding: var(--section-space-md) 0px var(--section-space-md) 0px;}
main > section:nth-of-type(even) {background-color: var(--color-bg-light);}
main > section:nth-of-type(odd) {background-color: var(--color-bg-primary);}
main > article {background-color: var(--color-bg-primary);}

/**** REPEATED LAYOUTS ****//**** REPEATED LAYOUTS ****//**** REPEATED LAYOUTS ****/

.cards, .photos {display: flex; flex-wrap: wrap; align-items: stretch; gap: var(--space-lg);}
.cards > *, .photos > * {flex: 1 1 var(--card-min-width);}
.facts {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-md);}
.steps {display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: var(--space-md);}

/**** MEDIA 1650 ****//**** MEDIA 1650 ****//**** MEDIA 1650 ****/

@media (max-width: 1650px) {
    .container {max-width: var(--container-width);}
}

/**** MEDIA 1350 ****//**** MEDIA 1350 ****//**** MEDIA 1350 ****/

@media (max-width: 1350px) {
    section, #news-item {padding: var(--section-space-sm) 0px var(--section-space-sm) 0px;}
    .facts {grid-template-columns: repeat(2, minmax(0px, 1fr));}
}

/**** MEDIA 750 ****//**** MEDIA 750 ****//**** MEDIA 750 ****/

@media (max-width: 750px) {
    .cards, .photos {gap: var(--space-md);}
    .cards > *, .photos > * {flex-basis: 100%;}
    .facts, .steps {grid-template-columns: 1fr;}
}

/**** MEDIA 500 ****//**** MEDIA 500 ****//**** MEDIA 500 ****/

@media (max-width: 500px) {
    section, #news-item {padding: var(--space-xl) 0px var(--space-xl) 0px;}
}

/**** MEDIA 350 ****//**** MEDIA 350 ****//**** MEDIA 350 ****/

@media (max-width: 350px) {
    .container {padding: 0px var(--space-sm) 0px var(--space-sm);}
}