.info-box{grid-gap:30px;background:#ececed;color:#222;display:grid;grid-template-columns:calc(33.33333% - 10px) auto;grid-template-rows:auto;padding:30px}@media (max-width:767px){.info-box{grid-template-columns:calc(50% - 15px) auto;grid-template-rows:auto}}@media (max-width:575px){.info-box{display:flex;flex-direction:column}}.info-box.with-image{grid-template-columns:calc(33.33333% - 20px) calc(16.66667% - 10px) auto;grid-template-rows:auto}@media (max-width:767px){.info-box.with-image{grid-template-columns:calc(66.66667% - 40px) calc(33.33333% - 20px);grid-template-rows:auto}.info-box.with-image .text{grid-column:1/3;grid-row:2}}@media (max-width:575px){.info-box.with-image{display:flex;flex-direction:column}}.info-box img{height:auto;max-width:100%;width:100%}