.carousel-1 {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
}

.carousel-text {
      position: absolute;
      text-align: center;
}

.carousel-h2 {
      color: white;
      font-size: bold;
      margin-top: 14em;
}

@media screen and (max-width:1023px) {
      .carousel-h2 {
            margin-top: 10em;
      }
      
}

@media screen and (max-width:570px) {
      .carousel-h2 {
            font-size: small;
            margin-top: 8.5em;
      }
      
}

@media screen and (max-width:280px) {
      .carousel-h2 {
            font-size: smaller;
            margin-top: 6em;
      }
      
}

.presentation {
     width: 100%;
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
}

.presentation img {
      width: 100%;
}

.txt{
      text-align: center;
      position: absolute;
}

.present-h2{
      color: white;
      padding: 10px 20px;
      font-size: 1.5em;
}

.present-p {
      color: white;
      padding: 10px 20px;
      font-size: 1.2em;
}

.sec-dishes {
      background-color: #1A1A1A;
      color: #FFFF;
      padding-top: 1em;
      text-align: center;
}

.sec-dishes h2{
      color: #FFFF;
}

.menu-container {
      margin-top: 1.5em;
}

.row {
      justify-content: center;
}

.menu-sample{
      border-color: white;
      border:0.2em solid;
      margin-top: 1em;
      border-radius: 2%;
}

.menu-btn {
      margin-top: 2em;
      padding: 1em 1em;
      justify-content: center;
      text-align: center;
      align-items: center;
      border: 1% solid;
      border-radius: 2%;
}

@media screen and (max-width:380px) {
      .menu-btn {
            font-size: smaller;
            padding: 0.5em 0.5em;
      }
}

.carousel-control-next, .carousel-control-prev{
    filter: invert(100%);
}

.events-img {
      display: flex;
      position: relative;
      align-items: center;
      justify-content: center;
}

.event-text-cont {
      position: absolute;
      text-align: center;
}

.event-text {
      color: white;
}

.cenas-emp {
      margin-top: 3em;
}

.cumpleaños {
      margin-top: 1em;
}

.events-h3 {
      color: white;
      margin-top: 1em;
      font-size: bold;
}

@media screen and (max-width:1024px) {
      .events-h3 {
            font-size: smaller;
      }
      .cenas-emp {
            margin-top: 4em;
      }
      .px-2 {
            max-width: 210px;
            max-height: 180px;
      }
      .cumpleaños {
            margin-top: 1.8em;
      }
}

@media screen and (max-width:990px) {
      .events-h3 {
            font-size: smaller;
      }
      .events-p{
            font-size: 10px;
      }
      .px-2 {
            max-width: 150px;
            max-height: 110px;
      }
      .cenas-emp {
            max-width: 135px;
            margin-top: 2.2em;
      }
      .matrimonios {
            margin-top: 0.2em;
      }
      .cumpleaños {
            margin-top: 0.8em;
      }
      .event-text {
            max-width: 160px;
      }
}

@media screen and (max-width:650px) {
      .events-h3 {
            font-size: 9px;
            letter-spacing: 0;
      }
      .events-p {
            font-size: 8px;
      }
      .px-2 {
            max-width: 90px;

      }
      .event-text {
            max-width: 100px;
      }
      .cumpleaños {
            margin-top: 24px;
      }
}

@media screen and (max-width:415px) {
      .events-h3 {
            font-size: 6px;
      }
      .events-p {
            font-size: 5px;
      }
      .px-2 {
            max-width: 70px;
            max-height: 40px;
      }
      .cenas-emp {
            margin-top: 0.6em;
      }
      .matrimonios {
            margin-top: 0.4em;
      }
      .cumpleaños {
            margin-top: 0.4em;
      }
      .event-text {
            max-width: 80px;
            padding: 0 2;
      }
      .first-col {
            padding-right: 8px;
      }
      .second-col {
            padding-left: 0;
      }
      .third-col {
            padding-left: 0;
      }
      .fourth-col {
            margin-left: 0;
      }
}

@media screen and (max-width:320px) {
      .events-h3 {
            font-size: 8px;
            letter-spacing: 0;
      }
      .events-p {
            font-size: 5px;
            letter-spacing: 0;
      }
      .px-2 {
            max-width: 50px;
            max-height: 25px;
      } 
      .event-text {
            max-width: 70px;
      }  
      .event-text-cont {
            max-width: 250px;
      }
      .cenas-emp {
            margin-top: 3px;
      }
}

footer
{
  background-color: #1a1a1a;
}

iframe {
      width: 100%; 
    }