@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Open+Sans:wght@400;600;700;800&family=Work+Sans:wght@500&display=swap');

body {padding: 24px 0 12px 0;font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px;}

h1 {font-size: 48px; margin-bottom: 1em;font-weight: 700;}
h1.center, h2.center {text-align: center;}
h2 {font-size: 24px; margin-bottom: 24px; font-weight: 700; color: #444;}
h3 {font-size: 24px; margin-bottom: 24px; font-weight: 700;}

p {margin-bottom: 16px; font-size: 20px;}
p + h3 {margin-top: 32px;}
p.center {text-align: center;}
p a {font-weight: 600; text-decoration: none;}
p ~ h2 {margin-top: 64px;}

ul {font-size: 20px;}
li {font-size: 20px;}

.search_text {width: 100%; padding: 6px 10px; margin-bottom: 24px;}

.input_any {padding: 48px 32px; font-size: 48px; font-weight: 700; text-align: center;}
.input_any::placeholder {color: #BBB;}

.logo-text, .logo-text a {font-weight: 900; font-size: 98px;letter-spacing: 9px; color: rgba(0,0,0,.7) !important; text-decoration: none;}
.button_full {width: 100%;}
.button_lookup {background-color: #2ca1ff; border-color: #229dff; color: #FFF; font-size: 2em; font-weight: 700; letter-spacing: 9px;}
.button_lookup:hover {background-color: #008dff; border-color: #008dff;}

.margin_top_16 {margin-top: 16px;}
.margin_top_24 {margin-top: 24px;}
.margin_top_32 {margin-top: 32px;}
.margin_top_48 {margin-top: 48px;}
.margin_top_64 {margin-top: 64px;}

.margin_bottom_16 {margin-bottom: 16px;}
.margin_bottom_24 {margin-bottom: 24px;}
.margin_bottom_32 {margin-bottom: 32px;}
.margin_bottom_48 {margin-bottom: 48px;}
.margin_bottom_64 {margin-bottom: 64px;}

/* ARTICLE */
.article_navigation {padding: 8px 16px; margin-bottom: 32px; font-size: 20px; background-color: #ffffff; border: 1px solid #bdbdbd;}
.article_navigation ul {list-style-type: none;padding-inline-start: 0px;margin-block-end: 0; line-height: 38px;}
.article_navigation li {display: block;}
.article_navigation a {color: #2ca1ff; font-weight: 600; text-decoration: none;}

/* FOOTER */
p.footer {font-size: 14px; margin-top: 64px;}
p.footer a {color: #008dff; font-weight: 600; text-decoration: none;}

@media only screen and (max-width: 760px) {
    .logo-text, .logo-text a {font-size: 38px;}
    h1 {font-size: 28px;}
    p {font-size: 16px; line-height: 26px;}
    p ~ h2 {margin-top: 32px;}
    .article_navigation {font-size: 16px;}
    .article_navigation ul {line-height: 32px;}
    .col_adjust {flex: 0 0 100%;}
    .input_any {padding: 28px 22px; font-size: 18px !important;}
}