body {
max-width: 1424px;
margin-left: auto;
margin-right: auto;
}


@keyframes fadein {
  from { opacity: 0}
  to   { opacity: 1}
}

ul.topnav {
animation: fadein 3s;
}

ul.topnav li a{
    font-size: 1.3rem;
}
.showcase {
    min-height: 10rem;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
}

.showcase h1{
    text-align: center;  
    margin-top: auto;
    margin-bottom: auto;
    height: 100%
}

.center, .center ul, .center ul li {
    text-align: center;
}
.center ul li {
    margin-left: auto;
    margin-right: auto;
}

.topnav.-fixed {
    max-width: 1424px;
}
.row {
    padding-top: 6rem;
    padding-bottom: 4rem;
}

#hypnose_ericksonienne {
    margin-bottom: -2rem;
}

.landing {
  display: table-cell;
   vertical-align: middle;
   margin: 0 auto;
   height: 400px;
   max-width: 300px;
}

.landing .image {
    height: 400px;
    width: 100%;
    position: relative;
     overflow: hidden;
     margin-top: -1px;
    margin-right: -17px;
}
.landing .image img {
         position: absolute;
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
     transform: translate( -50%, -50%);
}

.landing-text {
    padding: 1.4rem;
    height: 400px;
    background-color: white;
    color: black;
    margin-top: 40px;
}

.landing .row {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}

.centered-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#accueil {
 /* background-color: black; */
 height: 100vh;
 display: table;
width: 70%;
margin: 0 auto;
}

#citation {
    width: 60%;
    margin: 20% auto;
}



#formations_et_parcours, #informations_pratiques  {
            max-width:1024px;

    margin: auto;
}

#contactez-moi .row{
    /*background: black;*/
}

#contactez-moi .info-container {
            max-width:1024px;

    height: 500px;
    width: 80%;
    position: relative;
    overflow: hidden;
    margin-left: 10%;
}

#contactez-moi .info {
    text-align: center;
     position: absolute;
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
     transform: translate( -50%, -50%);

}
#contactez-moi .image {
    height: 500px;
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: -1px;
    margin-right: -17px;
}
#contactez-moi .image img {
     position: absolute;
     max-width: 100%;
     width: 100%;
     height: auto;
     top: 50%;     
     left: 50%;
     transform: translate( -50%, -45%);
}

#homéo_et_plantes, #consultations {
                max-width:1024px;

}

.margintop4: {
margin-top: 4em;
}
 

.m4 {
margin-bottom: 6em;
}

.row {
            margin-left: auto;
    margin-right:auto;
}