.ribbon1 span#drop{
    border-bottom-right-radius:8px;
}
.lobbyspan a{
         display:block;
         color:#da291c;
         font-weight:700;
         background-color: #FFF;
         height: 25px;
         margin: 0 auto 5px auto;
         overflow: hidden;
         padding-top: 3px;
         text-overflow: ellipsis;
         transform: skewX(-8deg);
         white-space: nowrap;
         width: 80%;
         text-transform:uppercase;
         font-family:inherit;
         line-height:1.1;
         text-decoration:none;
     }
.lobbyspan{
         display:block;
         color:#da291c;
         font-weight:700;
         background-color: #FFF;
         height: 25px;
         margin: 0 auto 5px auto;
         overflow: hidden;
         padding-top: 3px;
         text-overflow: ellipsis;
         transform: skewX(-8deg);
         white-space: nowrap;
         width: 80%;
         text-transform:uppercase;
         font-family:inherit;
         line-height:1.1;
     }

* {
box-sizing: border-box;
}

body {
background-color: #AAA;
margin: 50px;
}
.ribbon3{
    height:112px!important;
}
.gallery::-webkit-scrollbar {
    display: none;
}
     .flex-container{
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        }

 div.grid-image{
            position:relative;
            border:0px;
        }
        
         div.linklobby.txtc.flex-container{
             position:absolute;
             top:0;
             z-index:2;
         }
         
html{
    scroll-behavior: smooth;
}
html, body {
      position: relative;
      height: 100%;
    }

    body {
      background: #eee;
      font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
      font-size: 14px;
      color: #000;
      margin: 0;
      padding: 0;

    }
        
        
.ribbon-top-right{
    top:0px!important;
    right:0px!important;
}
/* Each item in the grid contains numbers */

.gallery{
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 200px 200px 200px 200px;
    grid-auto-flow: column;
    overflow-x: scroll;
    overflow-y: hidden;
    grid-gap: 5px;
    grid-auto-columns: 200px;
    background:#eee;
    scroll-behavior: smooth;
}
        
        .gallery__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
        
    .gallery_item-1 {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 3;
    height:102%;
}
      .gallery_item-4 {
    grid-column-start: 6;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 3;
    height:102%;
}
       .gallery_item-11 {
    grid-column-start: 11;
    grid-column-end: 13;
    grid-row-start: 1;
    grid-row-end: 3;
    height:102%;
}
.gallery_item-1:hover{
    z-index:10;
}
figure.gallery_item:hover{
    z-index:10;
}

#tituloCarrusel{
    padding-left: 0px !important;
}