/*
   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-1of5 { width: 20%; }
.size-1of4 { width: 25%; }
.size-1of3 { width: 33.333%; }
.size-1of2 { width: 50%; }

#fh5co-board[data-columns]::before { content: '5 .column.size-1of5'; }

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

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

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

@media screen and (min-width: 851px) {
#fh5co-board[data-columns]::before { content: '4 .column.size-1of4'; }
}
@media (min-width: 1200px) {
    .container {
        width: 1400px;
    }
}
[data-columns]::before {
    display: block;
    visibility: hidden;
    position: absolute;
    font-size: 1px;
}
#fh5co-board .item {
    margin: 10px 10px 20px 10px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}
#fh5co-board .item a span{
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    font-size: 18px
}
#fh5co-board { display: flex;}
.row {
    margin-left: auto;
    margin-right: auto;
    display: block;
}