*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    width: 100%; 
    height: 100%;
    
}

.fotoprincipal{
    display: flex;
}

.principal{
    width: 100vw;
    height: 100vh;
    background-image: url(../palpress/IMG_1781.JPG);
    background-size: cover;
    color: white;
    text-align: center;
    font-size: 30rem;
    font-family: 'Comfortaa', sans-serif;
    background-attachment: fixed;
    background-position-x: center;
    
    
}
.navbar{
    background-color: none;
}
h1{
    padding-top: 20rem;
    font-size: 80px;
    font-family: 'Comfortaa', sans-serif;

}
.segundo{
    width: 100vw;
    background-image: url(../palpress/BoogieRoom\ -\ BarOriente-3272.JPEG);
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;

}

.accordion {
    font-family: 'Comfortaa', sans-serif;
    background:black ;
}

.accordion-button:not(.collapsed) {
    color: #f8f9fa;
    background-color: #000;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 #000;
}



.accordion-button {
    text-align: center;
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    font-size: 1rem;
    color: var(--bs-accordion-btn-color);
    text-align: center;
    background-color: var(--bs-accordion-btn-bg);
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: var(--bs-accordion-transition);
}

.media img {
    width: 100%;
    font-family:  'Comfortaa', sans-serif;
}

.segundo img {
    width: 100%;
    font-family:  'Comfortaa', sans-serif;
}

.rider img{
    width: 100%;
    height: auto;
    font-family:  'Comfortaa', sans-serif;
}

.tercero{
    width: 100vw;
    min-height:100vh;
    background-image: url(../palpress/BoogieRoom\ -\ BarOriente-3268.JPEG);
    background-size: cover;
    background-attachment: fixed;
    padding-bottom: 5vh;
    background-position-x: center;


}

.cuarto{
    width: 100vw;
    height:100vh;
    background-image: url(../palpress/IMG_1784.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position-x: center;


}


.navbar{
    padding-left: 2%;
    

}

.navbar img {
    height: 100px;
    width: auto;
}

@media only screen and (min-width: 1px) and (max-width: 600px)  {
    .principal{
        background-position-x: center;
    }

    .segundo{
        background-position-x: center;
    }

    .tercero{
        background-position-x: center;
    }

    .cuarto{
        background-position-x: center;
     }

}

CSS.g-6,
.gx-6 {
  --bs-gutter-x: 4.5rem;
}
.g-6,
.gy-6 {
  --bs-gutter-y: 4.5rem;
}
@media (min-width: 576px) {
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 768px) {
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 992px) {
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1200px) {
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: 4.5rem;
  }
}
@media (min-width: 1400px) {
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: 4.5rem;
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: 4.5rem;
  }
}
.py-6 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}
@media (min-width: 576px) {
  .py-sm-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
@media (min-width: 1400px) {
  .py-xxl-6 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
}
.hcf-masonry-card {
  display: block;
  position: relative;
  overflow: hidden;
}
.hcf-masonry-card .card-img {
  object-fit: cover;
  transform: scale(1);
  transition: transform 150ms linear;
}
.hcf-masonry-card .card-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.hcf-masonry-card .card-overlay .card-title {
  display: inline-block;
  transform: translateY(10px);
  opacity: 0;
}
.hcf-masonry-card .card-overlay .card-category {
  transform: translateY(10px);
  opacity: 0;
}
.hcf-masonry-card:hover .card-img {
  transform: scale(1.05);
  transition: transform 150ms linear;
}
.hcf-masonry-card:hover .card-overlay {
  opacity: 1;
  transition: opacity 150ms linear;
}
.hcf-masonry-card:hover .card-overlay .card-title {
  opacity: 1;
  transform: translateY(0);
  transition: transform 150ms linear 0.1s, opacity 150ms linear 0.1s;
}
.hcf-masonry-card:hover .card-overlay .card-category {
  opacity: 1;
  transform: translateY(0);
  transition: transform 150ms linear 0.2s, opacity 150ms linear 0.2s;
}