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;
}

li {
     list-style-type: none;
}
.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;
}

.center ol, .center ul {
        margin-left: -0.06em;
}

.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;
}

#hypnose_ericksonienne .showcase{
    height: 300px
}

#hypnose_ericsonienne_explications .col {
    padding: 36px;
}

#hypnose_ericsonienne_explications img {
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right:auto;
}

#formations_et_parcours, #informations_pratiques  {
    max-width:1024px;
    width: 60%;
    margin: auto;
}

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

#contactez-moi .info-container {
    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%);
}

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

.m4 {
margin-bottom: 6em;
}