@media only screen and (max-width: 768px) {
    html {
            width:;
    }
    .TitleCai {
        position: absolute;
        top: 20%;
        width: 100%;
        font-size: 180%;
        font-weight: bold;
        color: #556a7f;
        font-family: initial;
    }

        .TitleCai p {
            text-align: center;
        }

    .SloganCai {
        position: absolute;
        top: 25%;
        width: 100%;
        font-size: smaller;
        color: #556a7f;
        font-family: initial;
    }

        .SloganCai p {
            text-align: center;
        }
    .LogoOverAnotherImage {
        position: absolute;
        top: -21%;
        left: 4%;
        width: 50px;
        height: 50px;
    }
}

@media only screen and (min-width: 769px) {
    .TitleCai {
        position: absolute;
        top: 50%;
        width: 100%;
        font-size: 300%;
        font-weight: bold;
        color: #556a7f;
        font-family: initial;
    }

        .TitleCai p {
            text-align: center;
        }

    .SloganCai {
        position: absolute;
        top: 60%;
        width: 100%;
        font-size: x-large;
        color: #556a7f;
        font-family: initial;
    }

        .SloganCai p {
            text-align: center;
        }
    .LogoOverAnotherImage {
        position: absolute;
        top: 2%;
        left: 4%;
        width: 200px;
        height: 200px;
    }
}

.ImagesHomePage {
    position: relative;
}

.HomePageStyle {
    background-image: url(../images/IMG_CAI/Chaberton.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100%;
}