section.grid-boxes{max-width:900px;margin:0 auto}section.grid-boxes div.grid-boxes-wrapper{display:flex;gap:1rem;flex-wrap:wrap}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual{flex:1 1 calc(50% - 14px - 4rem);border:3px solid var(--dark);padding:2rem;display:flex;justify-content:space-between}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual h3,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual h3{flex:1 1 20%;font-size:var(--h2-max)}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual p,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual p{flex:1 1 50%;text-align:right;align-self:flex-end}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual p:last-of-type,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual p:last-of-type{padding-bottom:0}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual{cursor:pointer;text-decoration:none}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual:hover{background-color:var(--highlight-2);border-color:var(--highlight-1);border-width:5px;padding:calc(2rem - 2px)}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual:hover h3{color:var(--dark)}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual:hover p{text-decoration:none}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual h3{pointer-events:none;text-decoration:none}section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual p{pointer-events:none}@media all and (max-width: 700px){section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual{flex-basis:100%}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual h3,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual h3{font-size:var(--h2-tablet-small);align-self:center;padding-bottom:0}section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual p,section.grid-boxes div.grid-boxes-wrapper a.grid-boxes-individual p{align-self:center}}@media all and (max-width: 500px){section.grid-boxes div.grid-boxes-wrapper div.grid-boxes-individual a.grid-boxes-individual p{flex-basis:90%}}