﻿/*
   Spezific styling for salvattore
   Feel free to edit it as you like
   More info at http://salvattore.com
 */

/* Base styles */
.column {
    float: left;
}

@media screen and (max-width: 480px) {
    .column {
        float: none;
        position: relative;
        clear: both;
    }
}

.size-1of3 {
    width: 33.333%;
}

.size-1of2 {
    width: 50%;
}

#fh5co-board[data-columns]::before {
    content: '3 .column.size-1of3';
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 495px) {
    #fh5co-board[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 500px) and (max-width: 760px) {
    #fh5co-board[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #fh5co-board[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}

/**/
#news_ll[data-columns]::before {
    content: '3 .column.size-1of3';
}

/* Configurate salvattore with media queries */
@media screen and (max-width: 495px) {
    #news_ll[data-columns]::before {
        content: '1 .column';
    }
}

@media screen and (min-width: 500px) and (max-width: 760px) {
    #news_ll[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    #news_ll[data-columns]::before {
        content: '3 .column.size-1of3';
    }
}