.tab-buttons {
  display: flex;
  flex-wrap: wrap;
      border-bottom:1px solid #F1F1F1;
}
button.tab-button:hover, button.tab-button:active, button.tab-button.active {
    border-bottom: 4px solid #ff5400;
}

.tab-button {
  padding: 15px 25px;
  background-color: #fff;
  border: none;
  cursor: pointer;
  margin-right: 5px;
  font-weight: bold;
  font-size:20px;
}

.tab-content {
  display: none;
  padding: 10px;
}

.tab-contents {
    box-shadow: 0 10px 10px #eee;
  padding: 25px;
  background-color: #fff;
}

.tab-content.active {
  display: block;
}

.fotogallery{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
}

.fotogallery img {
    width: 100%;
    object-fit: cover;
    height: 100% !important;
    max-height: 200px;
}
.video {
    margin: 50px auto;
    max-width: 750px;
}

.video iframe {
    max-height: 424px;
  
  
@media (max-width: 1200px) {
  .fotogallery {
  grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 768px) {
  .tab-buttons {
    flex-direction: column;
    align-items: stretch;
  }

  .tab-button {
    margin: 0 0 5px 0;
    width: 100%;
    text-align: left;
  }

  .fotogallery {
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 10px;
  }

  .fotogallery img {
    height: 200px;
  }
  
.row-fluid-wrapper.row-depth-1.row-number-7.dnd_area-row-2-padding.dnd-section {
    padding: 0;
}
}