#content-container {
  padding: 47px 10px;
}
.content-menu-real {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.content-menu-real > a {
  padding: 10px 12px;
 }
.content-menu-real div a > div {
  height: 500px;
  padding: 30px 20px;
  border-radius: 6px;

  color: #fff;
  margin-left: 12px;
  margin-right: 12px;
  /* margin-top: 20px; */
}
#content-container .content-menu-real #colone1 a div {
     background-color: var(--orange-w-color);
     background-image: url("img/links_pic/aristee_logo.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100%;
     background-blend-mode: multiply;
     box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#content-container .content-menu-real #colone2 a div {
     background-color: var(--blue-w-color);
     background-image: url("img/links_pic/isis.png");
     background-position: center;
     background-repeat: no-repeat;
     background-size: 100%;
     background-blend-mode: multiply;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
#moi {
   background-color: var(--grey-color);
   box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
   height: 500px;
   padding: 30px 20px;
   border-radius: 6px;
   margin-left: 12px;
   margin-right: 12px;
   /* text-align: center; */

}
#moi div{
  display: flex;
  justify-content: space-between;


}
#content-container .content-menu-real #colone4 a  div{
   color: var(--dark-color);
}
#content-container .content-menu-real #colone1 a div:hover {
   background-color: var(--orange-color);
}
#content-container .content-menu-real #colone2 a div:hover {
   background-color: var(--blue-color);
}
#content-container .content-menu-real a div:nth-child(1) {
  font-size: 26px;
  margin-bottom: 20px;
}
#content-container .content-menu-real a > div > div:nth-child(2) {
  font-size: 18px;
}