.company{  }
.company .company-image{ height: 220px; background-size: cover; background-position: center; border-radius: 8px;
    box-shadow: 0 6px 15px -2px rgb(27 80 122 / 50%);
}
.company h3{ margin: 10px 0; margin-top: 20px; font-size: 22px; font-weight: 700; }
.company .icon2020{ position: absolute; display: block; width: 97px; height: 96px; right: 0; top:0}
.company .icon2020 img{ width: 100%; max-width: 100%; display: block; height: auto  }
.company .weblink{ text-decoration: underline; margin-bottom: 20px; display: inline-block; font-weight: 600}



@media only screen and (min-width: 768px) {
    .company{ margin-top: 30px }
    .company .__grids{ -webkit-align-items: center; align-items: stretch}

    .company-text{ padding-left: 30px;}
    .company .section-title{ padding: 0   }
    .company .section-title h2{ text-align: left}
    .company h3{ margin: 10px 0}
    .company .company-image{ min-height: 340px; height: 100%}
    .company h3{   font-size: 26px;  }


}

@media only screen and (min-width: 1024px) {
    .company-text{ padding-left: 20px;}
    
    .company .company-image{ height:380px; margin-right: 20px;}
    .company h3{  font-size: 28px; }
    .company .icon2020{ position: absolute; display: block; width: 97px; height: 96px; right: 0; top:0}


 }

@media only screen and (min-width: 1240px) {
    .company-text{ padding-left: 30px;}

    .company .company-image{   margin-right: 30px;}
    .company h3{  font-size:36px; margin: 30px 0 }
    .company .company-image{ height:420px;}
}