:root{--fadeTime:100ms}body,div.body{background-color:var(--super-light)}div.body{padding-top:2rem;width:75%;margin:auto;font-family:"Noto Sans","Helvetica Neue",Arial,sans-serif;min-height:800px}div.body div.description h2{font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial;padding-bottom:2rem}div.body div.description p{line-height:20px;padding-bottom:3rem}div.sections{display:flex;gap:2%;flex-wrap:wrap}div.sections div.section{width:23%;position:relative;background-color:var(--white);height:225px;cursor:pointer;text-align:center;border-radius:1rem;margin-bottom:1rem}@media screen and (max-width:1300px){div.sections div.section{width:32%}}@media screen and (max-width:900px){div.sections div.section{width:48%}}@media screen and (max-width:600px){div.sections div.section{width:100%;height:75px!important;display:flex;align-items:center}div.sections div.section div.logo{padding-top:15%!important;display:none!important}div.sections div.section div.hover{display:none!important}div.sections div.section div.title{position:unset!important;color:var(--dark-grey)!important;height:75px!important;line-height:75px!important}}div.sections div.section div.logo{opacity:100;height:200px;position:absolute;padding-top:15%;left:5%;width:90%;margin:auto;overflow:hidden;transition:var(--fadeTime)}div.sections div.section div.hover,div.sections div.section:hover div.logo{opacity:0;transition:var(--fadeTime)}div.sections div.section div.hover{overflow:hidden;top:30px;bottom:30px}div.sections div.section:hover div.hover{opacity:100;max-height:175px;position:absolute;overflow:hidden;border-radius:1rem 1rem 0 0;left:0;top:0;transition:var(--fadeTime)}div.sections div.section div.title{position:absolute;top:175px;width:100%;height:50px;line-height:40px;font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial;text-align:center;font-size:15pt;text-transform:uppercase}.hover{position:relative}.hover * img{margin-top:-25px}