*{
    padding: 0;
    margin: 0;
    font-family:'Courier New', Courier, monospace;
}

header{
    color: black;
    min-height: 7vh;
    padding-top: 2vh;
    /* background-color: #d342b9; */
}
#logo{
    display: inline-block;
    width: 25%;
    vertical-align: middle;
    font-size: 3em;
}
#logo a{
    text-decoration: none;
    color: #000000;
}
#navigation{
    display: inline-block;
    vertical-align: middle;
    width:73%;
    text-align: right;
    margin-left: auto;
    padding-left: 2%;
}
.nav{
    display: inline-block;
    font-size: 2.7em;
    margin-right: 2%;
    margin-left: 2%;
}
.nav a{
    text-decoration: none;
    color: black;
}.nav a:hover{
    text-decoration: underline;
}
.nav.hidden{
    display: none;
}

#linktree{
    background-color: #2e2a2a;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
#linktree.relax{
    background-color: #d342b9;
}
/* #linktree.services{
    background-color: rgb(12, 52, 26);
} */
.link_img img{
    height: 80px;
    margin-left: 5%;
    margin-right: 5%;
}

#banniere{
    height: 75vh;
    background-image: url('../images/audrey_banniere_vertical.jpg');
    background-size: cover;
    /* text-align: center; */
}
#banniere.relax{
    background-image: url('../images/audrey_colo.jpg');
}
#banniere.services{
    background-image: url('../images/evo_1.jpg');
}
.overlay{
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    display: flex;
}
.center{
    margin: auto;
}
#banniere .center{
    max-width: 75%;
}
#banniere h2{
    font-size: 2.5em;
    color:white;
    margin-bottom: 3%;
}
#banniere p{
    font-size: 2em;
    color:white;
}
#banniere button{
    font-size: 2.3em;
    border: none;
    background-color: white;
    color: black;
    /* border-radius: 50px; */
    padding: 20px;
    margin-top: 3%;
}

.section{
    text-align: center;
    margin-top: 8vh;
}
.section h2{
    font-size: 3em;
    margin-top: 3%;
    margin-bottom: 2%;
}
.section h3{
    font-size: 2.5em;
    max-width: 75%;
    margin: auto;
    margin-top: 3%;
}
.section p{
    font-size: 2em;
    max-width: 75%;
    margin: auto;
}
.section button, .content button{
    font-size: 2em;
    border: none;
    background-color: #2e2a2a;
    color: white;
    padding: 20px;
    width:75%;
    margin-top: 2%;
}
button:hover{
    cursor: pointer;
}
button.services{
    background-color: rgb(12, 52, 26);
    color: white;
    padding: 40px;
    font-size: 2.5em
}

.avap{
    width: 25%;
}

#parcours img{
    width: 90%;
}

.left{
    text-align: left;
}

footer{
    min-height: 16vh;
    background-color: #2e2a2a;
    margin-top: 5vh;
}
footer.relax{
    margin-top: 0;
    background-color: #d342b9;
}
/* footer.services{
    background-color: rgb(12, 52, 26);
} */

.content{
    min-height: 70vh;
    max-width:75%;
    margin: auto;
}

#biographie h1{
    text-align: center;
    margin-top: 3%;
    margin-bottom: 3%;
    font-size: 3em;
}
#biographie p{
    margin-bottom: 3%;
    font-size: 2em;
}
#biographie button{
    padding: 40px;
    font-size: 2.5em;
    width: 100%;
}


#evo_title{
    text-align: center;
}#evo_title img{
    width: 30%;
}
#evo_demo{
    width: 100%;
}
#evo_description h2{
    max-width: 75%;
    margin:auto;
    margin-bottom: 2%;
    color: rgb(12, 52, 26);
}
#evo_avap{
    margin-top: 10%;
    margin-bottom: 10%;
}
#evo_description .avap{
    width: 35%;
}

@media (orientation: landscape) {
    #banniere{background-image: url('../images/audrey_banniere_horizontale.jpg');}
    .nav{font-size: large;}
    .nav.hidden{display: inline-block;}
    .avap{width: 25%;}
    header{padding-bottom: 2vh;}
    footer{min-height:33vh;}
}