/* Layout */

header div.container {
    padding-block: 6rem 9rem;
    background-color: hsl(89, 84%, 22%);
/*    background-image: url("../img/nature-forest.jpg");*/
    background-size: cover;
    background-blend-mode: hard-light;
/*
    background-attachment: fixed;
*/
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);

    background-repeat: no-repeat;
    background-position: center;

    color: var(--main-clr-font);
    position: relative;
}

.container-intro {
    padding-inline: clamp(1.2rem, 10vw, 10rem);
    padding-top: clamp(.5rem, 2rem, 2.5rem);
    padding-bottom: clamp(2rem, 10vh, 6rem);
}

.container-intro p {
    font-size: clamp(1.2rem, 1vw + 0.5rem, 2.5rem);
    line-height: 1.2;
    padding-top: 0.2rem;
}
.container-intro p:first-of-type {
    padding-top: 1.5rem;
}

main > section > div.section-content-wrapper:first-of-type{
    margin-top: -1rem;
    padding-top: 0;
}