.main-menu-class img.tuile-only {
    display: none;
}
#tuile-container{
  display:flex;
  flex-direction:row;
  justify-content: space-between;
  margin-bottom: 15px;
}
#tuile-container div.flex-column{
  display:flex;
}
#tuile-container div.flex-column{
  display:flex;
}
#tuile-container .tuile{
  width:400px;
  height:400px;
  margin:5px;
  border-radius:3px;
  overflow: hidden;
}
#tuile-container .subtuile:first-child{
  margin-bottom:2px;
}#tuile-container .subtuile:last-child{
  margin-top:2px;
}
#tuile-container .subtuile{
  width:100%;
  height:100%;
  border-radius:3px;
  overflow: hidden;
}
#tuile-container .tuile .moduletable{
  width:100%;
  height:100%;
}
#tuile-container > .tuile .mod-custom{
  width:100%;
  height:100%;
  background-size:cover;
  background-position-y: center;
}
#tuile-container .tuile .moduletable .text-container{
  position:absolute;
  bottom: 0;
  transform: translateY(40%);
  transition: transform ease .5s;
}
#tuile-container .tuile .moduletable:hover .text-container{
  transform: translateY(0);
  transition: transform ease .5s;
}
#tuile-container h2, #tuile-container p {
    color: #fff;
    padding: 10px;
    margin: 0;
}
#tuile-container .tuile a{
  display:block;
  height:100%;
}
.menu-tuile-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: space-between;
}
.menu-tuile-container > li {
    display: inline-block;
    aspect-ratio: 1 / 1;
    width: calc((100% / 3) - 12px);
    background: aliceblue;
    margin: 2px;
  padding: 0;
}
.menu-tuile-container > li a{
  height: 100%;
  display: flex;
  position:relative;
}
.menu-tuile-container > li a>img{
  object-fit: cover;
  min-height: 100%;
}
.menu-tuile-container > li a>span
{
  position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 2.5rem;
    color: #fff;
    padding: 0px 10px;
}
.menu-tuile-container > li a.dark-text-background>span{
    background: rgba(1, 1, 1, .5);
}
.menu-tuile-container-box h3{
  text-align: center;
  background: #8a0226;
  color: #fff;
  padding: 7px;
  margin: 5px 2px;
  text-transform: uppercase;
}
@media (max-width: 1100px) {
  #tuile-container h2, .menu-tuile-container > li a>span{
    font-size: 2rem;
  }
}
@media (max-width: 980px) {
  #tuile-container .tuile .moduletable .text-container{
    transform: translateY(50%);
    transition: transform ease .5s;
  }
  #tuile-container .tuile {
    height: 250px;
  }
}
@media (max-width: 650px){
  #tuile-container h2, .menu-tuile-container > li a>span{
    font-size: 1.3rem;
  }
  #tuile-container .tuile .moduletable .text-container{
    transform: translateY(65%);
    transition: transform ease .5s;
  }
}
@media (max-width: 650px){
  #tuile-container {
    flex-direction:column;
  }
  #tuile-container .tuile{
    width:calc(100% - 10px);
  }
  #tuile-container h2, .menu-tuile-container > li a>span {
    font-size: 1.8rem;
  }
  #tuile-container .tuile .moduletable .text-container
  {
        transform: translateY(45%);
        transition: transform ease .5s;
  }
  .menu-tuile-container{
    flex-direction:column;
  }
  .menu-tuile-container > li{
    width:calc(100% - 4px);
  }
}