@media (min-width: 992px) {
.pa1 {padding:0% 10% 0% 10%;}
.pa {padding:1% 15% 1% 15%;}
.fo {font-size:100%;}
.crop2{ height: 240px; width: 300px; object-fit: cover; object-position: top center;}
.crop3{ height: 300px; width: 240px; object-fit: cover; object-position: top center;}
.crop4{ height: 160px; width: 160px; object-fit: cover; object-position: top center;}
}
@media (max-width: 991.98px) {
.pa1 {padding:0% 0% 0% 0%;}
.pa {padding:2% 5% 2% 5%;}
.fo {font-size:90%;}
.crop2{ height: 120px; width: 150px; object-fit: cover; object-position: top center;}
.crop3{ height: 150px; width: 120px; object-fit: cover; object-position: top center;}
.crop4{ height: 80px; width: 80px; object-fit: cover; object-position: top center;}
 }

.crop{ height: 200px; width: 150px; object-fit: cover; object-position: top center; }

.crop1{ height: 150px; width: 200px; object-fit: cover; object-position: top center; }