.ugc {background: var(--section-bg); padding: var(--section-padding);}
.ugc .intro { text-align: center; margin-bottom: 2em; }
.ugc .intro h2 { margin-bottom: 1.8125em; }
.ugc .intro h3 { font-size: 1.5em; }
.ugc .outro { margin: 4em auto 0; text-align: center; }
.ugc .outro .btn { display: inline-block; }
.ugc .img-wrapper { width: 20%; padding-bottom: 20%; background-size: cover; background-position: 50%; }
.ugc .images-wrapper { margin: 4em 0 0 0; }


@media all and (max-width: 900px){
.ugc h2 {margin-bottom: 1em;}
}
@media all and (max-width: 600px){
.ugc .images-wrapper .img-wrapper { width: 33.3333%; padding-bottom: 35%; }
.ugc .images-wrapper .img-wrapper:nth-child(4) { display: none !important; }
.ugc .images-wrapper .img-wrapper:nth-child(5) { display: none !important; }
}