#content {
    width: 82%;
    height: auto;
    float: right;
    margin-top: 20px;
	margin-bottom: 20px;
    margin-right: 20px;
    flex: 1 0 auto; /* растягивается, чтобы занять вертикальное пространство */
    box-sizing: border-box; /* включает паддинги/границы в ширину */
    overflow: visible; /* скролл оставляем глобальному документу */
}

/* дополнительные отступы для страниц с политикой */
.policy-page {
    padding: 10px;
    box-sizing: border-box;
}

/* общий отступ для страниц контактов и о нас */
.with-padding {
    padding: 10px;
    box-sizing: border-box;
}
#content h2 {
	color: rgb(242, 245, 199);
	text-align: center;
}

.cards {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	gap: 20px 10px;
}

@media (max-width: 480px) {
    #content {
        width: 100%;
        margin-left: 0;
		margin-right: 0;
    }
	.cards {
		width: 100%;
		padding: 0 3vw;
		gap: 12px;
		justify-content: space-between;
		box-sizing: border-box;
	}
  }