main {background-color: white; padding: 25px 40px;}

main p {margin-bottom: 1.25rem; text-align: justify; font-size: 1rem; line-height: 1.375;}
main a {color: #003366; font-weight: 600; text-decoration: none;}
main ol {margin-left: 2rem; padding: 0;}
main ul {margin-left: 1.875rem; list-style-type: disc;}

main h2 {font-size: 1.25rem; text-transform: uppercase; margin-top: 0;}

main h3 {font-size: 1.125rem; margin-top: 1.5rem;}

div.grade {
display: grid;
gap: 2rem;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr;
margin: 1.5rem 0 1.5rem 2rem;
padding: 0
}

figure {margin: 0; width: auto;}
figure img {width: 100%; height: auto; margin: 0;}
figcaption {font-size: 0.8rem;}

@media (max-width: 640px) {
div.grade {
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 1fr;
}
}