/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 24 Mar. 2021, 11:12:22 pm
    Author     : thomaschuntic
*/

.icon-and-title-block{}

.icon-and-title-block.no-box {
        padding: 2em 1em;
}

@media only screen and (min-width: 768px){
        .icon-and-title-block.no-box {
                padding: 1em;
        }
}

.icon-and-title-block .icons{
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 30px 15px;
}
@media only screen and (min-width: 768px){
        .icon-and-title-block .icons{
                grid-template-columns: repeat(4,1fr);
        }
}
.icon-and-title-block .icon-item{
        text-align: center;
}
.icon-and-title-block .icon-item > img{
        height: 50px;
        width: 50px;
        object-fit: fill;
        object-position: center;
        margin-bottom: 15px;
}