.dna-inner{display:flex;padding-bottom:20px}.dna-col1{width:8%;margin-right:2%;height:230px;background-size:contain;background-repeat:no-repeat}.dna-col1 img{height:auto}.dna-col2{width:44%;margin-right:2%;border-radius:20px;height:230px;background-size:cover;background-repeat:no-repeat;position:relative;background-position:50%}.dna-col2 .dna-col2-inner{position:absolute;width:44%;height:100%;background:#29abe2;left:0;top:0;z-index:1;border-radius:20px;padding:20px;transition:.5s;cursor:pointer}.dna-col2 .dna-col2-inner .hover-text{display:none}.dna-col2 .dna-col2-inner .hover-text p{color:#fff;font-size:20px}.dna-col2:hover .dna-col2-inner{width:100%;opacity:.9}.dna-col2:hover .dna-col2-inner .hover-text{display:block}.dna-col2-inner img{width:30px;height:auto;margin-bottom:6px}.dna-inner h4{font-weight:800;color:#fff;margin-bottom:6px}.dna-col3{width:45%;border-radius:20px;height:230px;background-size:cover;background-repeat:no-repeat;position:relative;background-position:50%}.dna-col3 .dna-col3-inner{position:absolute;width:44%;height:100%;background:#29abe2;left:0;top:0;z-index:1;border-radius:20px;padding:20px;transition:.5s;cursor:pointer}.dna-col3 .dna-col3-inner .hover-text{display:none}.dna-col3 .dna-col3-inner .hover-text p{color:#fff;font-size:20px}.dna-col3:hover .dna-col3-inner{width:100%;opacity:.9}.dna-col3:hover .dna-col3-inner .hover-text{display:block}.dna-col3-inner img{width:30px;height:auto;margin-bottom:6px}@media only screen and (max-width:960px){.dna-inner{display:block}.dna-col1{display:none}.dna-col1,.dna-col2,.dna-col3{width:100%;margin-right:0;margin-bottom:20px}.dna-col2-inner,.dna-col3-inner{width:100%!important;opacity:.9!important}.hover-text{display:block!important}}@media only screen and (max-width:500px){.dna-col1,.dna-col2,.dna-col3{height:270px}}