/* noto-serif-regular - latin */
@font-face { font-display: swap; font-family: 'Noto Serif'; font-style: normal; font-weight: 400; src: url('noto-serif-v23-latin-regular.woff2') format('woff2'); }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: 'Noto Serif', serif; font-size: 24px; color: #0375A5; }
img { max-width: 100%; height: auto; }
.card { display: table; width: 95%; max-width: 700px; margin: 0 auto; }
.cell { display: table-cell; vertical-align: middle; }
a { color: #0375A5; text-decoration: none; }
a:hover, a:focus { color: #1ca7df; }
h1 { text-indent: -9999em; font-size: 1em; font-weight: 400; position: absolute; }
p { margin: 0; line-height: 1.6em; }
p.mg { margin-bottom: 1em; }
span { display: inline-block; }
svg .path { fill: #3A82AE; }
a:hover svg .path { fill: #1ca7df; }


@media screen and (min-width: 550px) {
	.card { height: 80vh; }
	.text { padding-left: 22.57142857142857%; }
}

@media screen and (max-width: 549px) {
	body { font-size: 18px; }
	.card { margin-top: 4em; }
	.text { margin-top: 2em; }
	.cell { text-align: center; }
	svg { width: 14px; height: 14px; }
}