.secflex{
  display: flex;
  flex-direction: column;
}
section{
  height: inherit;
}

/* Le Schizophrène */
.blocschiz{
  color: white;

  position: absolute;
  width: 35%;
  background: rgba(6, 46, 84, 0.9);
  margin-top: 5%;
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#schiz{
  margin-bottom: 10%;
}

/* Karmyliège */
.blockarmy{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(231, 185, 69, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#karmy{
  margin-bottom: 10%;
}
#karmy .catimg{
  margin-top: -2%;
}

/* Dessins Académiques */
.blocacad{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(121, 171, 183, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#acad{
  margin-bottom: 10%;
}
#acad .catimg{
  margin-top: -2%;
}

/* Caracter Design */
.blocperso{
  color: white;

  position: relative;
  width: 35%;
  background: rgba(6, 46, 84, 0.9);
  margin-left: 25%;
  z-index: 20;
  padding: 3%;
}
#perso{
  margin-bottom: -7%;
}
#perso .catimg{
  margin-top: -2%;
}

@media screen and (max-width: 953px) {
  /* INITIALISATION */
  .catnav{
    margin-left: 92vw;
    margin-top: 10%;
    z-index: 992;
  }
  .backH{
    margin-top: 6vh;
  }
  /* SCHIZO */
  .blocschiz{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  .catimg{
    width: 95%;
    margin-top: 35vh;
    margin-left: 2vw;
  }
  /* KARMY */
  .blockarmy{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* DESSINS AC */
  .blocacad{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
  /* CARACTER DESIGN */
  .blocperso{
    width: 80%;
    margin-top: 13vh;
    margin-left: 6vw;
    padding: 5%;
  }
}