@import url('https://fonts.googleapis.com/css2?family=Bangers&family=Calligraffitti&family=Indie+Flower&family=Lobster+Two:wght@700&family=Roboto&display=swap');

*, ::before, ::after { box-sizing: border-box; --moz-box-sizing: border-box; --webkit-box-sizing: border-box; }
HTML { width:100%;height:100%;margin:0px; }
BODY { width:100%;height:100%;margin:0px;font-family: 'Roboto'; }
IMG { width:100%;height:auto; }
A { text-decoration:none; }
h1 { color:#233a64;font-size:2.2em;font-variant:small-caps; }
h2 { font-size:1.8em; }
h3 { font-size:1.5em; }

.mHeader { border:0px;height:167px;overflow:hidden;padding:0px;line-height:100px;vertical-align:middle; }
.bTop { background-color:#233a64;color:white;padding:8px 20px 8px 20px;line-height:20px;vertical-align:middle; }
.bTop::after { display:block;content: "";clear: both; }
.hNome { font-family: 'Lobster Two',cursive; font-size:3em;text-align:center;color:#233a64; }
.imgLogo { position:absolute;left:20px; }
.imgLogo > a { display:inline-block;vertical-align:middle; }
.imgLogo > a > img { height:100px; }
.motto { position:absolute;right:0px;color:#233a64;text-align:right;line-height:30px;font-family: 'Indie Flower', cursive;font-size:1.5em; }
.motto > div { padding:20px;font-weight:700; }
.mFooter { background-color:#233a64;text-align:center;color:white;padding-bottom: 8px; }
.fRow1 { padding:40px 20px 20px 20px; }
.fRow2 { display:inline-block; }
.power A{ color:white; }
.power { display:inline-block;padding-left:8px;margin:0px 10px 0px 60px;font-size:0.8em; }
.fRow1 > div { font-size:1.1em; }
.fRow1 > div:first-child { font-family: 'Lobster Two',cursive;font-size:2.2em;margin-bottom:15px; }
.myBody { min-height:400px;display:flex;width:100%; }
.myPaper { width:85%; }


.fHuge, .fBig, .fNormal, .fSmall { font-family: 'Roboto'; }
.fTitleN, .fTitle { font-family: 'Roboto'; }
.henny { font-family: 'Roboto'; }


	.fTitleN { font-size:26pt; }
	.fTitle { font-size:46pt; }
	.fHuge { font-size:12pt; }
	.fBig { font-size:1em; }
	.fNormal, DIV > P { font-size:1em; }
	.fSmall { font-size:0.8em; }


@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) and (min-width: 801px) {
}
@media screen and (max-width: 800px) and (min-width: 641px) {
}
@media screen and (max-width: 640px) and (min-width: 481px) {
}
@media screen and (max-width: 480px) {
}