/*Page index ligne 21*/
.index-img-para{
    margin: 7% 0 2% 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.index-img-para img{
    width:500px;
}

.index-img-para div{
    width: 500px;
    color: #277BC0;
    padding: 5% 2%;
}

.index-img-para div h1{
    text-align: center;
    font-size: 100px; 
}

.index-img-para div p{
    margin-top: 5%;
    text-align: justify;
    font-size: larger;
}

/*Page index ligne 28*/
.parallax1{
    background-image: url(../img/parallax.jpg);
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    height: 300px;
}

/*Page index ligne 29*/
.index-text h2{
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    margin-top: 5%;
    color: #277BC0;
}

.index-text p{
    text-align:center;
    width: 50%;
    margin: 3% auto;
    color: #277BC0;
}

@media screen and (max-width:900px) {
    .index-img-para img{
        width:300px;
        height: 300px;
    }
    .index-img-para div{
        width: 300px;
        padding: 5% 2%;
    }

    .index-img-para div h1{
        font-size: 3em; 
    }
    
    .index-img-para div p{
        font-size: 1em;
    }
    .parallax1{
        height: 140px;
        background-size: 100vw;
        background-repeat: no-repeat;
        background-position-y: 100px;
    }

    .index-text h2{
        font-size: 1.8em;
    }
    .index-text p{
        font-size: 1em;
        width: 80%;
    }
}

@media screen and (max-width:600px){
    .index-img-para{
        margin-top: 65px;
    }
    .index-img-para img{
        width:150px;
        height:150px;
    }
    .index-img-para div{
        width: 150px;
        padding: 5% 2%;
    }
    .index-img-para div h1{
        font-size: 1.5em; 
    }
    
    .index-img-para div p{
        font-size: 0.5em;
    }
    .parallax1{
        height: 80px;
        background-position-y: 60px;
    }
    .index-text h2{
        font-size: 1em;
    }
    .index-text p{
        font-size: 0.6em;
        width: 80%;
    }
    footer{
        position: absolute;
        bottom: 0;
    }

}