h1{
    color:red;
    font-size: 20px;
    margin-top: 40px;
}

img{
    max-width: 100%;
    object-fit:cover;
    height:300px;
}

h2{
    color:orange;
    font-size: 20px;
    padding-top: 150px;
}

footer{
    color:white;
    font-size: 20px;
    padding-left: 250px;
}
nav{
    width:100%;
    height: 70px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    
}
nav ul{
    display:flex;
    justify-content:center ;
}
nav ul li{
    margin:15px;
}
h1{
    margin-top:150px;
}
nav{
    color: red;
    font-size: 20px;
    position:fixed;
    background-color: white;
    z-index:10;
   top:0;
   left:0;
}

nav ul{
    list-style:none;
}

nav ul li a{
    color: red;
}

nav ul li a:hover{
    color:royalblue;
}

hr{
    height:3px;
    margin:50px;
    background-color:red ;
}

.orange{
    background-color:orange ;
}

.yellow{
    background-color: yellow;
}

footer{
    background-color:grey;
    height:200px;
    position:relative;
}

footer img{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:auto;
}

footer span{
    margin:17px;
}

.center{
    text-align:center;
}

.largeur{
    width:150px;
    height:auto;
    margin-bottom: 20px;

}

@media (max-width: 992px) { 
    nav{
        width:100%;
        height: 70px;
        
    }
    nav ul{
        display:flex;
    }
    nav ul li{
        margin:15px;
    }
    h1{
        margin-top:150px;
    }
    body{
        text-align: center;
    }
}