@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Work+Sans%3A500%2C700%2C400%7CRoboto%3A300%2C400%2C500&ver=1682406429");

:root {
    --yellow-text: #ffc62b;
    --work-sans: "Work Sans", sans-serif;
    --roboto: "Roboto", sans-serif;
}

body { color: white; }
.block-lettered { font-family: var(--work-sans); font-weight: bold; text-transform: uppercase; }
.exclamation { font-family: var(--roboto); font-size: 36px; font-weight: lighter; line-height: 60px; }
.street-address { font-family: var(--work-sans); font-size: 16px; font-weight: 500; line-height: 24px; }
.contact-section { padding-bottom: 28px; }
.context-section-label { font-size: 14px; margin-bottom: 5px; }
a { font-family: var(--work-sans); font-size: 16px; color: var(--yellow-text); text-decoration: none; }
a:not(:hover) { opacity: 0.7; }
div.bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-image: url(./bg.jpg); background-position: left center; background-repeat: no-repeat; background-size: cover; }
div.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #004a97 0%, rgba(42, 196, 234, 0.28) 100%); }
a#logo { display: block; position: relative; height: 70px; margin: 28px; }
a#logo img { display: block; height: 70px; width: auto; position: absolute; top: 0; left: 0; }
a#logo img:first-of-type { position: relative; }
div.outer-content { position: absolute; top: 255px; left: 2.5vw; width: 95vw; display: flex; justify-content: center; }
div.content { width: 100%; max-width: 1250px; display: flex; }
div.content > div { width: 50%; margin-left: 20px; margin-right: 20px; }
.message { font-family: var(--roboto); font-size: 25px; font-weight: lighter; cursor: default; padding: 20px; }
strong, abbr { font-weight: bold; }
.super-label { font-size: 30px; width: 500px; border-bottom: solid 3px var(--yellow-text); margin-bottom: 50px; }
.yellow { color: var(--yellow-text); }