:root {
	--primaryColor: #BA895C;
	--secondaryColor: #365347;
	--primaryLightColor: #F3E8D9;
	--secondaryLightColor: #D8E1DE;
	--primaryDarkColor: #A3672F;
	--white: #ffffff;
	--textColor: #13070C;
	--steelGrey: #5a6268;
	--customTextpicHeight: 400;
	--errorColor: #dc3545;
	--errorColorBackground: #f8d7da;
	--errorColorBorder: #f1aeb5;
	--headerHeight: 670px;
	--bs-body-color: var(--textColor);
	--bs-border-radius: 15px;
}
.header {
	--primaryColor: #365347;
	/*--secondaryColor: rgba(186, 137, 92, .80);*/
	--secondaryColor: #BA895C;
	--primaryLightColor: #D8E1DE;
	--secondaryLightColor: #F3E8D9;
	--primaryDarkColor: #113023;
	--white: #ffffff;
	--textColor: #13070C;
	--steelGrey: #5a6268;
	--customTextpicHeight: 400;
	--errorColor: #dc3545;
	--errorColorBackground: #f8d7da;
	--errorColorBorder: #f1aeb5;
	--headerHeight: 355px;
	--bs-body-color: var(--textColor);
	--bs-border-radius: 15px;
}

.pageHeader header *:only-child,
.pageHeader header *:last-child {
        color: var(--white);
}
.main .pageHeader h1,
.main .pageHeader h2,
.main .pageHeader p {
        max-width: unset;
}

.main .pageHeader h2 {
        color: #dfbe9f;
}
.main .pageHeader p {
        color: #fff;
}

.pageHeader::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0 0 0 / 45%);
}

.windowScrolled {
    --secondaryColor: #BA895Cbd;
}