@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

body { font-family: 'Lato', sans-serif; }

header
{
    align-items: flex-start;
    background-color: #0c626b;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
    width: 100%;
}

header img { margin: 0 1.5rem 1.5rem 1.5rem; max-height: 120px; width: auto; }
header img.crest { margin: 0.5rem 1.5rem; max-height: 120px; }
header div { flex-grow: 1; }
header h1 { color: white; font-size: xx-large; margin: 1em 0 0 1.5rem; }
header h2 { color: #dadfe1; margin: 0 0 0 1.5rem; }

/* Table */

th { background: #0c626b; }

tr td:first-child { width: auto; }
tr td:last-child { width: 120px; }

td.ondemand { background: #0c626b; }

/* FAQs */

section.faqs > div > div dl dt { border: 2px solid #0c626b; }
section.faqs > div > div dl dt a { color: #0c626b; }
section.faqs > div > div dl dt.clicked { background: #0c626b; }

/* Align */

section.text{
    text-align: center;
}

.hidden{
    display: none;
}

/* MygraduationClip download btn */
a.butt {
    background: #0D626B;
}