.images{
    margin: 0;
    padding: 0;
    height: 500px;
    width: 2700px;
}
.images li{
    float: left;
    height: 500px;
    width: 900px;
    margin: 0;
    padding: 0;
    list-style: none;
    color: white;
    font-family: 'Staatliches', cursive;
    font-size: 3em;
    text-align: center;

}

#Carrousel{
    width:  900px;
    height:500px;
    overflow: hidden;
    margin:0 auto;
    border: black solid 3px;
}





#visual{
    display: flex;
    flex-direction: row;
    margin: 0 19%;
}
#visual button{
    align-self: center;
}

.login{

    padding:1.5em;
    cursor: pointer;
    text-align: center;
    margin: auto;
    border: none;
    transition: all .4s ease-in-out;
    background-color: pink;
    background-size: 300% 200%;
    border-radius: 50px;
    color: white;
    font-size: 120%;

}
.login.color2:hover{
    background-color: #FF0939 ;
    transition: all .4s ease-in-out;
    border-radius: 50px;
}

.login:focus{
    outline: none;
}

.login.color2 {
    background-color: #B30230;
    box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
}




@media screen and (max-width: 900px) {

    .imgCarou{
        width: 360px;
        height: 200px;
    }
    .images{
        height: 200px;
        width: 1080px;
    }
    .images li{
        height: 200px;
        width: 360px;

    }

    #Carrousel{
        width:  360px;
        height:200px;
        border: black solid 2px;
    }





    #visual{
        display: flex;
        flex-direction: row;
        margin: 0 19%;
    }
    #visual button{
        align-self: center;
    }

    .login{

        padding:0.5em;
        text-align: center;
        margin: auto;
        border: none;
        transition: all .4s ease-in-out;
        background-color: pink;
        background-size: 300% 200%;
        border-radius: 50px;
        color: white;
        font-size: 120%;

    }
    .login.color2:hover{
        background-color: #FF0939 ;
        transition: all .4s ease-in-out;
        border-radius: 50px;
    }

    .login:focus{
        outline: none;
    }

    .login.color2 {
        background-color: #B30230;
        box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
    }

}