.trainings{display:flex;flex-wrap:wrap}.trainings .training{position:relative;width:33.33%}.trainings .training:before{content:"";display:block;padding-bottom:80%}.trainings .training img{height:100%!important;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.trainings .training .heading{bottom:0;left:0;padding:50px;position:absolute;text-align:left;transition:opacity .3s;z-index:3}.trainings .training .description-wrapper{align-items:center;background-color:#1a1a1a;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s;z-index:3}.trainings .training .heading{color:#fff;font-weight:800;margin:0;opacity:1}.trainings .training p{color:#fff;font-size:20px;width:70%}.trainings .training:hover .description-wrapper{opacity:1}@media(min-width:1024px){.trainings .training .heading{height:156px}}@media(min-width:1441px){.trainings .training .heading{height:240px}}@media(min-width:1600px){.trainings .training .heading{height:244px}}@media(min-width:1800px){.trainings .training .heading{height:208px}}@media(max-width:1440px){.trainings .training h3{font-size:24px}}@media only screen and (min-width:1024px) and (max-width:1439px){.trainings .training h3{font-size:20px}.trainings .training p{font-size:16px}}@media (max-width:1536px){.trainings .training .heading{padding:30px}}@media(max-width:1023px){.trainings .training{width:50%}.trainings .training:first-child h3,.trainings .training:nth-child(4) h3,.trainings .training:nth-child(5) h3{font-size:24px}.trainings .training p{font-size:18px}}@media(max-width:767px){.trainings .training{width:100%}.trainings .training p{width:90%}.trainings .training h2{font-size:24px}}@media(max-width:350px){.trainings .training p{font-size:16px}}