html, body { margin: 0; padding: 0; height: 100%; }

@font-face { font-family: opensans; src: url("../../codes/fonts/opensans.ttf")}
@font-face { font-family: mont;     src: url("../../codes/fonts/montserrat.otf")}
@font-face { font-family: montmed;  src: url("../../codes/fonts/montserratmed.ttf")}
@font-face { font-family: quick;    src: url("../../codes/fonts/quili.otf")}

h1 { font-size: 18pt; color: #FFFFFF; font-weight: normal;  font-family: quick; margin: 0 ; padding: 0; letter-spacing: -1px }
h2 { font-size: 14pt; color: #5d9665; font-weight: normal;  font-family: quick; margin: 0 ; padding: 0; letter-spacing: -1px }
h3 { font-size: 13pt; color: #66A36E; font-weight: normal;  font-family: quick; margin: 0 ; padding: 0; letter-spacing: -1px }

h4 { font-size: 17pt; color: #4b7050; font-weight: normal;  font-family: quick; margin: 0 ; padding: 0; letter-spacing: -1px }
h5 { font-size: 14pt; color: #324E35; font-weight: normal;  font-family: quick; margin: 0 ; padding: 0; letter-spacing: -1px }


/* FAIXA TOPO */
.toppg { position: relative; height: 30px; background-color: #222E24; width: 100%; z-index: 999}

/* PÁGINA 1 */
.pgonline-all { position: relative; width: 90%; height: auto; left: 50%; transform: translateX(-50%); padding: 40px 0 20px 0}
.pgonline-all { color: #F5F5F5; font-family: opensans; font-size: 10pt; text-decoration: none; }
.infos1 { color: #DDDDDD; font-family: opensans; font-size: 10pt; text-decoration: none; }

/* PÁGINA 2 */
.pgonline-all2 { position: relative; width: 90%; height: auto; left: 50%; transform: translateX(-50%); background-color: #FFFFFF;  padding: 12px}
.pgonline-all2 { color: #2F2F2F; font-family: opensans; font-size: 10pt; text-decoration: none; }
.infos2 { color: #606060; font-family: opensans; font-size: 10pt; text-decoration: none; }


.logos img { width: 210px; }
.material-symbols-outlined { position: relative; top:8px; font-variation-settings:  'FILL' 0,  'wght' 300,  'GRAD' -50,  'opsz' 20}