#header__background {
    background-image: url('../IMG/backgroundHeader/Background\ Seniors.jpg');
}

.logoTitle {
    color: var(--mainOrange);
}

.logoBar {
    border-color: var(--mainOrange);
}

.firstBlock__left {
    background-image: url('../IMG/hotellerie/Residence.jpg');
}

.secundBlock__right {
    background-image: url('../IMG/hotellerie/Hotellerie.jpg')
}

.firstBlock__right {
    width: 45%;
}

.block {
    height: 400px;
}
@media (min-width: 840px) {
    .block {
        height:700px;
    }
}

#firstBlockRight__text {
    margin-top: 20%;
    margin-right: 10%;
    height: 60%;
    text-align: left;
    font-size: 0.5rem;
}

@media (min-width: 840px) {
    #firstBlockRight__text {
        margin-top: 5%;
    }
}

#logosenior {
    height: 25%;
}

.secundBlockleft__text {
    height: 30%;
    text-align: right;
    font-size: 0.5rem;
    margin-top: 30%;
    margin-left: 10%;
}

.secundBlockleft__logoContainer {
    height: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.secundBlockleft__logo {
    height: auto;
    width: 80%;
    margin-top: 5%;
    margin-bottom: 10%;
}

@media (min-width: 840px) {
    .secundBlockleft__logo {
        height: 20%;
        width:auto;
    }
}

.secundBlock__left {
    width: 45%; 
}

@media (min-width: 840px) {
    #firstBlockRight__text {
        font-size: 1.2rem;
    }
    .secundBlockleft__text {
        margin-top: 10%;
        font-size: 1.2rem;
    }
}