/* Add custom CSS styles below */ 

.home-block.home-block--square-images {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top:0 !important;
padding-bottom: 0 !important

}

@media screen and (max-width: 768px) {
.home-block.home-block--square-images .row .col-sm-12  {
max-width:50%;
padding-right:2px;
padding-left:2px

}
}

@media screen and (min-width: 768px) and (max-width:1025px) {
.home-block.home-block--square-images .col-md-4.col-sm-12  {
max-width:25%;
padding-right:2px;
padding-left:2px

}

.home-block.home-block--square-images {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top:0 !important;
padding-bottom: 4px !important

}


.banner.banner--square {
height: 225px
}

.banner--square figure {
height: 100%
}

}

@media screen and (min-width: 1025px) {
.home-block.home-block--square-images .col-md-4.col-sm-12  {
max-width:25%;
padding-right:5px;
padding-left:5px
}

.home-block.home-block--square-images {
padding-right: 10px !important;
padding-left: 10px !important;
padding-top:0 !important;
padding-bottom: 4px !important
}


.banner.banner--square {
height: 315px 

}


.banner--square figure {
height: 100%
}
}

.home-block.home-block--square-images .row {
padding-right:0 !important;
}

.home-block.home-block--square-images .banner.banner--square {
border: 2px solid #eee !important;
margin-bottom:8px;
}

.badge--primary {
    color: #ffffff00;
    background-color: #ff484800;
}
.col-sm-12 {
        padding-left: 4px;
        padding-right: 4px;
    
    }
    
@media (max-width: 980px) {

.col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
    }
}