.frguia_grid
{
    display:flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 20px;
}

.frguia_paginate
{
    display:flex;
    justify-content: center;

}

.frguia_paginate > a
{
    width:30px;
    height:30px;
    border: 1px solid #000;
    background-color: #ccc;
    margin: auto;
    text-align: center;
    margin-right:3px;
    margin-bottom: 3px;
    flex:1;

}

a.frguia_paginate_current
{
    font-weight: bold;
    background-color: #666;
    color: #fff
}


.frguia_grid_column
{
    flex-basis: 24%;
    margin-bottom:15px;
    margin-right:10px;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    .frguia_grid_column
    {
        flex-basis: 49%;
    }
}

.frguia_imatge
{
    object-fit: cover; 
    width: 100%;
    height: 300px;
}

.frguia_date
{
    border-top:1px solid #ccc;
    width: 100%;
    font-size:10px;
    display:block;
}

.frguia_grid h1
{
    font-size:14px;
    position: relative;
}