/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

/* Base styles */
.column {
    float: left;
    width: 100%;
}
.size-1of5 {
    width: 20%;
}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}






/* Configurate salvattore with media queries */
@media screen and (max-width: 550px) {
    #timeline[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 551px) and (max-width: 992px) {
    #timeline[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 993px) {
    #timeline[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}




/* Guia Listador 5 col */
      @media screen and (max-width: 500px) {
          #timeline5[data-columns]::before {
              content: '1 .column';
          }
      }
      @media screen and (min-width: 501px) and (max-width: 768px) {
          #timeline5[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 769px) and (max-width: 1200px) {
          #timeline5[data-columns]::before {
              content: '4 .column.size-1of4';
          }
      }

      @media screen and (min-width: 1201px) {
          #timeline5[data-columns]::before {
              content: '5 .column.size-1of5';
          }
      }




/* Guia Listador 4 col */
@media screen and (max-width: 500px) {
          #timeline4[data-columns]::before {
              content: '1 .column';
          }
      }
      @media screen and (min-width: 501px) and (max-width: 768px) {
          #timeline4[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 769px) and (max-width: 1200px) {
          #timeline4[data-columns]::before {
              content: '3 .column.size-1of3';
          }
      }

      @media screen and (min-width: 1201px) {
          #timeline4[data-columns]::before {
              content: '4 .column.size-1of4';
          }
      }




/* Guia Listador 3 col */
@media screen and (max-width: 550px) {
          #timeline3[data-columns]::before {
              content: '1 .column';
          }
      }

      @media screen and (min-width: 551px) and (max-width: 992px) {
          #timeline3[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 993px) {
          #timeline3[data-columns]::before {
              content: '3 .column.size-1of3';
          }
      }




/* Guia Listador 2 col */
@media screen and (max-width: 550px) {
          #timeline2[data-columns]::before {
              content: '1 .column';
          }
      }

      @media screen and (min-width: 551px) and (max-width: 1200px) {
          #timeline2[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 1201px) {
          #timeline2[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }






/* Noticias Listador 3 col */
@media screen and (max-width: 550px) {
          #timeline3noticias[data-columns]::before {
              content: '1 .column';
          }
      }

      @media screen and (min-width: 551px) and (max-width: 992px) {
          #timeline3noticias[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 993px) and (max-width: 1200px) {
          #timeline3noticias[data-columns]::before {
              content: '2 .column.size-1of2';
          }
      }

      @media screen and (min-width: 1201px) {
          #timeline3noticias[data-columns]::before {
              content: '3 .column.size-1of3';
          }
      }




/* Noticias Listador 2 col */
@media screen and (min-width: 551px) and (max-width: 1200px) {
    #timeline2noticias[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}