main > .container { width:100%; max-width:1280px; place-self:center; margin-bottom:100px; }

.section-title { margin-top:100px; display:flex; flex-direction:column; align-items:center; }
.section-title h2 { font-size:30px; }
.section-title p { font-size:16px; }




.experience-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 369px)); gap:2rem; padding:50px; place-content:center; }
.experience-card > .image { position:relative; width:100%; height:200px; background:#eee; overflow:hidden; }
.experience-card > .image img { position:absolute; width:100%; height:100%; object-fit: cover; left:50%; top:50%; transform:translate(-50%, -50%); }
.experience-card > h3 { margin-top:20px; font-size:16px; }
.experience-card > p { margin-top:10px; font-size:14px; }



@media screen  and  (max-width : 1025px) {
	main > .container { padding:20px; }
	.experience-grid { margin-top:20px; gap:20px; padding:0; }
}