h1 {
    font-size: 3rem;
}

h2 {
    font-size: 2.25rem;
    color: var(--textColorBlue);
    padding: 1vh;
}

h3 {
    font-size: 1.75rem;
}

header {
    background-image: url("../images/header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 12vw;
}

header div {
    height: 32vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#psize {
    font-size: 1.5rem;
    color: var(--textColorBlue);
}

main {
    text-align: center;
    padding: 3vh 12vw;
}

/*main article {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*}*/

.bouw-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vw;
}

.bouw-container .button {
    width: 60%;
    margin: 0 auto;
}

.bouw-container article {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 1vh;
}

.werkgrootte h3 {
    color: var(--textColorBlue);
}

.werkgrootte {
    flex: 1;
    justify-content: center;
    align-items: center;
    /*width: 15vw;*/
    /*height: 15vw;*/
}

#nieuwbouw-back {
    background-image: url("../images/header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    text-align: center;
    padding: 5vh 0;
    /*margin: 10px;*/
}

#bestaand-back {
    background-image: url("../images/header.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 10px;
    text-align: center;
    padding: 5vh 0;
    /*margin: 10px;*/
}

.review {
    margin-top: 2vh;
}

.review h3, .review p {
    color: var(--textColorYellow);
}

.review-container {
    display: flex;
    gap: 3vw;
    justify-content: space-evenly;
    align-items: center;
}

.review-back div {
    padding: 5px;
}

.review-back {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*width: 35vw;*/
    /*height: 25vh;*/
    text-align: center;
    background-color: #7B6340;
    border-radius: 10px;
    flex-basis: 0;
    flex-grow: 1;
    padding: 10px;
}

.button {
    color: var(--textColorBrown);
    font-family: "Baskerville Old Face", serif;
    font-size: 1.25rem;
    text-decoration: none;
}

.checked {
    color: orange;
}