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

:root {
    --background-default: #F5F4F0;
    --border-primary: #D9D9D9;

    --color-primary: #1B1B1B;
    --color-secondary: #333333;
    --color-tertiary: #696969;
    --color-headline: #e1624f;

    --accent-blue: #0C51A7;
    --accent-orange: #E95E10;
    --accent-pink: #E5245E;
    --accent-purple: #591B98;

    --font-family: "Open Sans", sans-serif;
    --text-h1: bold 36px var(--font-family);
    --text-h2: bold 32px var(--font-family);
    --text-h3: bold 28px var(--font-family);
    --text-headline: bold 16px var(--font-family);
    --text-paragraph: 16px var(--font-family);
    --text-subtitle: italic 16px var(--font-family);
}

body {
    background-color: var(--background-default);
}

.container {
    width: 1120px;
    margin: 88px auto;
}

span {
    color: var(--color-headline);
    font: var(--text-headline);
    text-transform: uppercase;
    margin-bottom: 8px;
}

h1 {
    color: var(--text-primary);
    font: var(--text-h1);
    margin-bottom: 40px;
}

h2 {
    font: var(--text-h2);
    color: var(--text-primary);
    margin-bottom: 8px;
}

h3 {
    font: var(--text-h3);
    color: var(--text-primary);
    margin-bottom: 4px;
}

p {
    font: var(--text-paragraph);
    color: var(--text-secondary);
}

img {
    border-radius: 28px;
    height: 660px;
}

footer {
    text-align: center;
    margin: 65px 0 48px;
}

footer img {
    height: 16px;
    width: 16px;
    vertical-align: middle;
}

.description-image p {
    font: var(--text-subtitle);
    text-align: center;
    margin-bottom: 40px;
}

.description-image img {
    margin-bottom: 24px;
}

.divider {
    width: 100%;
    height: 1px;
    background-color: var(--border-primary);
}

.divider:nth-last-child(2) {
    margin-bottom: 40px;
}

.title-list {
    padding-block: 64px;
}

.title-list span {
    margin-bottom: 2px;
}

.content-list img {
    margin-bottom: 20px;
}

.list {
    font: var(--text-headline);
}

.list img {
    height: 350px;
    align-self: stretch;
}

.list div {
    margin-bottom: 48px;
}

.list span {
    color: black;
}

ul {
    margin-bottom: 48px;
    list-style: none;
}

ul li {
    color: var(--accent-blue);
}

.couple {
    color: var(--accent-purple);
}

.families {
    color: var(--accent-pink);
}

.budget {
    color: var(--accent-orange);
}

.description {
    text-align: center;
}