*{box-sizing:border-box;}

body {
    padding: 0 2%;
    margin: 0;
    font-family:Helvetica, Arial, sans-serif;
    font-size:16px;
}

nav {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    position: sticky;
    top:0;
    background-color:white;
}

nav .profile {
    display:flex;
    align-items:center;
}

.profile img {
    width:auto;
    height:60px;
}

.profile h1{
    margin-left:10px;
    font-size:15px;
}

nav ul{
    display:flex;
    list-style-type:none;
}

nav ul li{ 
    margin-left:20px;
cursor:pointer;
}

nav ul li:hover{
    background-color:skyblue;
}

.page-content{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    margin:6%;
    margin-top:0;
    }

.page-content header{margin-top:15vh;
text-align:center;
justify-content: center;}

.page-content img{
    height:75vh;
    max-width:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.page-content video{
    height:75vh;
    max-width:auto;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;}

.page-content header h1{margin-top:10px;
    margin-bottom:10px;
    font-size:1.2rem;}
.page-content header h2{margin-top:10px;
    margin-bottom:10px;
    font-style:italic;
    font-size:1rem;}
.page-content p{margin-top:10px;
    margin-bottom:30px;
    font-size:0.8rem;}


.galerie-responsive-insta{
    display:flex;
    justify-content: center;
    flex-wrap:nowrap;
    width:80vw;
    max-width:1600px;
    margin-top:10px auto 10px;
    background-color:none;
}
.item{
    width:380px;
    height:auto;
    margin:5px;
    overflow:hidden;
}
.item img{
    width:100%;
    height:auto;
}

.boutons-bas{
font-size:0.8rem;
}
.boutons-bas ul{
    display:block;
    margin: 0;
    padding:0;
    justify-content:center;
    align-items: center;
    list-style: none;
    text-align: center;
}
.boutons-bas ul li{
    cursor:pointer;
}

footer{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
    background-color:aqua;
    padding:10px;

}

@media screen and (max-width:770px){
    nav{
        justify-content:center;
        }

    .profile img { 
        width:30vw;
        height:auto;
    }
    .profile h1{
        display:none;
    }
    nav ul{
        display:none;
    }
    .page-content header{
        margin-top:5vh;
    }

    .galerie-responsive-insta{
        flex-wrap:wrap;
    }
}