.intro h3 {
display: inline-block;
}
.intro h3 a {
font-weight: 400;
} .masonry {
transition: all .5s ease-in-out;
column-gap: 40px;
column-fill: initial;
padding:50px 0 0;
} .masonry .brick {
margin-bottom: 40px;
display: inline-block; vertical-align: top; border:2px solid #45a36d;
}
.masonry .brick h3 {
text-align:left!important;
background-color: #45a36d;
margin:0;
}
.masonry .brick .content {
text-align: left;
padding:20px 20px 0 20px;
}
.masonry .brick .content p{
text-align:left!important;
}
.masonry .brick .content a{
text-align:left!important;
font-weight: 900;
color: orange;
}
.masonry .brick .brickimg {
width:100%;
}
.masonry .brick .brickimg img {
width:100%;
height:100%;
object-fit:cover;
} .masonry .brick img {
transition: all .5s ease-in-out;
backface-visibility: hidden; }
.masonry .brick:hover {
} .masonry.bordered {
column-rule: 1px solid #eee;
column-gap: 50px;
}
.masonry.bordered .brick {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 2px solid #45a36d;
} .masonry.gutterless {
column-gap: 0;
}
.masonry.gutterless .brick {
margin-bottom: 0;
} @media only screen and (min-width: 768px) and (max-width: 1023px) {
.masonry {
column-count: 2;
}
} @media only screen and (min-width: 1024px) {
.masonry {
column-count: 3;
}
}