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

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

/* Configurate salvattore with media queries */
@media screen and (max-width: 450px) {
    #timeline[data-columns]::before {
        content: '1 .column.size-1of1' ;
    }
	 
	  
 }
@media only screen and (min-width:451px) and (max-width: 61.99em)
{
    #timeline[data-columns]::before {
        content: '2 .column.size-1of2'!important;
    }
	 }
	 
 

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