section.sectors{margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;}section.sectors > div.sector{position:relative;}section.sectors > div.sector > a{color:white;}section.sectors > div.sector:hover > a > div.title{width:100%;height:33.33vw;}section.sectors > div.sector > a > div.title{background-color:var(--primary);width:20vw;height:15vw;position:absolute;top:0;left:0;opacity:.8;z-index:2;transition:all .5s;}section.sectors > div.sector > a > h4{font-size:1rem;position:absolute;top:5px;left:5px;z-index:3;padding:.5rem;width:18vw;}section.sectors > div.sector > a > img{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}section.sectors > div.sector > a > i.icon-play{background-color:transparent;padding:.5rem;font-size:.8rem;font-weight:bold;text-decoration:none;color:var(--primary);position:absolute;bottom:1rem;right:1rem;z-index:2;opacity:0;display:none;transition:all 250ms ease-in-out;}section.sectors > div.sector:hover > a > i.icon-play{display:flex;opacity:1;}@media only screen and (max-width: 768px){section.sectors{display:block;}section.sectors > div.sector{width:100vw;height:100vw;}section.sectors > div.sector:hover > a > div.title{width:100vw;height:100vw;}section.sectors > div.sector > a > div.title{width:50vw;height:30vw;}section.sectors > div.sector > a > h4{width:40vw;}}