body {
    font-family: Arial, Helvetica, sans-serif;
    box-sizing: border-box;
}

.contentarea {
    background-image: url('bg-decor-11.png');
    background-attachment: fixed;
}

.pagecontainer {
    margin: 0;
    width: 100%;
    box-sizing: border-box;
    display: block;
    min-width: 100px;
    color: #3c3c3c;
}

.pagecontainer p {
    color: #3c3c3c;
    font-size: clamp(14px, 1vw, 17px);
    text-align: justify;
    line-height: 1.3em;
}

.descriere-main p {
    font-size: clamp(16px, 1.3vw, 1.8rem);
}

.descriere-main img {
    display: block;
    margin: auto;
    min-width: 100px;
    width: 100%;
    mix-blend-mode: multiply;
}

.page-headding {
    display: block;
    padding: 140px 20px 50px;
    background-image: url("banner4.jpg");
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

.titlupag,
.subtitlu,
.info {
    text-align: center;
    color: #fff;
}

.titlupag {
    font-size: clamp(27px, 2.4vw, 3rem);
    text-transform: uppercase;
}

.subtitlu {
    font-size: clamp(22px, 2vw, 2.5rem);
    font-weight: normal;
}

.contentarea {
    width: 100%;
    margin: 0 auto;
    display: block;
    box-sizing: border-box;
    padding: 10px 0px;
}

.dflex {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin: 20px 0;
    background-color: #ffffffd1;
    box-sizing: border-box;
}

.col {
    flex: 1 1;
    display: block;
    min-width: 300px;
}

.inforow {
    margin: 50px auto;
}

.aligncenter {
    align-items: center;
}

.textrow {
    background-image: url("slider-1.jpg");
    background-attachment: fixed;
    width: 100%;
    padding: 150px 0px;
    background-position: center;
    background-size: cover;
    box-sizing: border-box;
    font-size: clamp(18px, 1.4vw, 3rem);
    gap: 20px;
}

.pagecontainer .textrow {
    color: #fff;
}

.imgsites {
    min-width: 200px;
    width: 100%;
    max-width: 460px;
    margin: 30px auto;
    mix-blend-mode: multiply;
}

.container {
    padding-left: 15vw;
    padding-right: 15vw;
    box-sizing: border-box;
}

.descriere p {
    color: #fff;
    line-height: 1.5em;
}

.descriere {
    background-image: url("footer_bg.jpg");
    background-attachment: fixed;
    padding-top: 150px;
    padding-bottom: 150px;
    background-position: bottom;
    box-sizing: border-box;
}

.infocol {
    box-shadow: 0 5px 10px #48448e87;
    border-radius: 10px;
    padding: 10px;
}

.infocol p {
    text-align: left;
}

.infocol h4 {
    color: #503193;
    font-size: 18px;
}

@media (max-width: 1410px) {
    .container {
        padding-right: 60px;
        padding-left: 60px;
    }
}

@media (max-width: 600px) {
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .contentarea {
        background-image: url('bg6.jpg');
    }
    .descriere-main {
        box-shadow: 0 5px 10px #48448e87;
        border-radius: 10px;
        margin: 0 15px
    }
}