.fa {
    padding: 15px;
    width: 50px;
    text-align: center;
    text-decoration: none;
    margin: 10px 3px;
    border-radius: 50%;
  }
  
  .fa:hover {
      background: #326e36;
      color: white;
  }
  
  .fa-facebook {
    background: #000000;
    color: white;
  }
  
  .fa-instagram {
    background: #000000;
    color: white;
  }


  .tabs-container {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  .gallerySelected{
    margin: 20px 0 0 0; 
    font-size: 15px; 
    font-family: 'Bebas Neue';
  }

  /* Estilização dos inputs radio */
  input[type="radio"] {
    display: none;
  }

  /* Estilo das imagens */
  label {
    cursor: pointer;
    margin: 0;
    position: relative;
  }

  label img {
    width: 206px;
    height: auto;
    border: 2px solid transparent;
    padding: 2px;
    transition: border-color 0.3s;
    filter: saturate(0%);
  }

  .wrapper{
      position: absolute;
      bottom: 4px;
      left: 4px;
      color: #FFFFFF;
      font-weight: bold;
      width: calc(100% - 8px);
  }

  .year{
      font-size: 34px;
      font-family: 'Bebas Neue';
      margin: 0 0 0 10px ;
      line-height: 1.1;
      filter: drop-shadow(0px 0px 4px #000);
  }

  .date{
      display: block;
      font-size: 19px;
      font-family: 'Bebas Neue';
      margin: 0;
      padding-top: 5px;
      line-height: 1.19;
  }

  .bgDate{
      background-color: #5D5D5D;
      padding: 5px 10px;
  }

  /* Quando a aba é selecionada, destaca a borda da imagem */
  input[type="radio"]:checked + label img {
    border-color: #326E36;
    filter: saturate(100%);
  }

  /* Quando a se passa o rato por cima, destaca a borda da imagem e coloca saturação */
  input[type="radio"] + label img:hover {
    border-color: #326E36;
    filter: saturate(100%);
  }

  input[type="radio"]:checked + label .bgDate {
    background-color: #326E36;
  }

  input[type="radio"]:not(:checked) + label:hover .bgDate{
      background-color: #326E36;
  }

  /* Conteúdo de cada aba */
  .content {
    display: none;
    margin-top: 20px;
    text-align: center;
    font-size: 18px;
    color: #000000;
    flex: 1 1 100%;
  }

  /* Mostrar conteúdo da aba selecionada */
  #tab1:checked ~ .content1,
  #tab2:checked ~ .content2,
  #tab3:checked ~ .content3,
  #tab4:checked ~ .content4,
  #tab5:checked ~ .content5 {
    display: block;
  }

  /* Media query para tamanhos de ecrãs abaixo de 640px */
  @media (max-width: 640px) {
      label img {
          width: 100px;
          height: auto;
      }

      .year {
          font-size: 24px;
          text-align: center;
          margin: 0;
          padding-top: 4px;
          background-color: #326E36;
          filter: drop-shadow(0px 0px 0px transparent);
      }

      .year span {
        display: none;
      }

      .date {
          display: none;
      }

      .bgDate{
          display: none;
    }
  }