<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
   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-1of4 {
  width: 25%;
}

.size-1of3 {
  width: 33.333%;
}

.size-1of2 {
  width: 50%;
}

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

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

.animate-box,
.animate-box a,
.animate-box a img {
  height: 100%;
  width: 100%;
}

.animate-box a img {
  object-fit: cover;
}

.size-1of4 .item{
  height: 185px;
}

.size-1of3 .item{
  height: 145px;
}

.size-1of2 .item{
  height: 170px;
}

.size-1of1 .item{
  height: 170px;
}

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

@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';
  }
}</pre></body></html>