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

/* Base styles */
.column {
    float: left;
    
}

.size-1of5 {
    width: 20%;
}

.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}

.size-1of1 {
    width: 100%;
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 767px) {
    .timeline_2_4[data-columns]::before {
        /*content: '1 .column';*/
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_2_4[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_2_4[data-columns]::before {
        content: '4 .column.size-1of4';
        font-size: 0px;
    }
}


@media screen and (max-width: 767px) {
    .timeline_2_3[data-columns]::before {
        /*content: '1 .column';*/
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_2_3[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_2_3[data-columns]::before {
        content: '3 .column.size-1of3';
        font-size: 0px;
    }
}

@media screen and (max-width: 767px) {
    .timeline_1_3[data-columns]::before {
        /*content: '1 .column';*/
        content: '1 .column.size-1of1';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_1_3[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_1_3[data-columns]::before {
        content: '3 .column.size-1of3';
        font-size: 0px;
    }
}


@media screen and (max-width: 767px) {
    .timeline_1_2[data-columns]::before {
        /*content: '1 .column';*/
        content: '1 .column.size-1of1';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_1_2[data-columns]::before {
        content: '1 .column.size-1of1';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_1_2[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}

@media screen and (max-width: 767px) {
    .timeline_2_2[data-columns]::before {
        /*content: '1 .column';*/
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_2_2[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_2_2[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 767px) {
    .timeline_1_4[data-columns]::before {
        /*content: '1 .column';*/
        content: '1 .column.size-1of1';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_1_4[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_1_4[data-columns]::before {
        content: '4 .column.size-1of4';
        font-size: 0px;
    }
}



@media screen and (max-width: 767px) {
    .timeline_1_5[data-columns]::before {
        /*content: '1 .column';*/
        content: '1 .column.size-1of1';
        font-size: 0px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .timeline_1_5[data-columns]::before {
        content: '2 .column.size-1of2';
        font-size: 0px;
    }
}


@media screen and (min-width: 1024px) {
    .timeline_1_5[data-columns]::before {
        content: '5 .column.size-1of5';
        font-size: 0px;
    }
}