@import url(https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap);
*{box-sizing:border-box;margin:0;padding:0}body{background-color:#ebeba5;font-family:Didact Gothic,"serif"}.department{max-height:600px;overflow:auto}.department__header{display:grid;grid-template-columns:15% 85%;font-size:45px;background-color:#2b8397;color:#fff;text-shadow:0px 4px 4px rgba(0,0,0,.25);align-items:center}.department__header-image{border-radius:21px;width:150px;padding:5px;margin-left:15px}.article-products{display:grid;grid-template-columns:20% 20% 20% 20% 20%;padding:15px}.article-products article{margin-top:10px;background-color:rgba(248,106,79,.81);border-radius:10px;padding:15px;height:147px;width:200px;color:#fff}@media only screen and (max-width: 600px){.department__header{grid-template-columns:41% 85%;font-size:23px}.department__header-image{width:118px}.article-products{justify-content:center;grid-template-columns:auto}}@media only screen and (min-width: 600px)and (max-width: 900px){.department__header{grid-template-columns:27% 85%}.article-products{grid-template-columns:33% 33% 30%}}