@charset "utf-8";

/* *********************************** */
/*      RESETS E ESTILOS PADRAO        */
/* *********************************** */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }
ul { list-style: none; }
button, input, select, textarea{ margin: 0; }
img, embed, iframe, object, video{ height: auto; max-width: 100%; border: 0; margin: 0; padding: 0; }
audio { max-width: 100%; }
iframe { border: 0; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; text-align: left; }
html { background-color: #FFFFFF; font-size: 62.5%; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; min-width: 300px; overflow-x: hidden; text-rendering: optimizeLegibility; box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
article, aside, figure, footer, header, hgroup, section{ display: block; }
body, button, input, select, textarea{ font-family: 'Raleway', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif; }
code, pre{ -moz-osx-font-smoothing: auto; -webkit-font-smoothing: auto; font-family: monospace; }
body { color: var(--color1); font-weight: 400; line-height: 1.5; -webkit-overflow-scrolling: touch; margin: 0; }
a { cursor: pointer; text-decoration: none; color: inherit; }
a strong { color: currentColor; }
a:hover{ color: inherit; }
code { background-color: whitesmoke; color: #ff3860; font-size: 0.875em; font-weight: normal; padding: 0.25em 0.5em 0.25em; }
hr { background-color: whitesmoke; border: none; display: block; height: 2px; margin: 1.5rem 0; }
input[type="checkbox"], input[type="radio"] { vertical-align: baseline; }
small { font-size: 0.875em; }
span { font-style: inherit; font-weight: inherit; }
strong { font-weight: bolder; }
fieldset { border: none; }
pre { -webkit-overflow-scrolling: touch; background-color: whitesmoke; color: #4a4a4a; font-size: 0.875em; overflow-x: auto; padding: 1.25rem 1.5rem; white-space: pre; word-wrap: normal; }
pre code { background-color: transparent; color: currentColor; font-size: 1em; padding: 0; }
table td, table th { text-align: left; vertical-align: top; }

header{ background-color: #f4f4f4; text-align: center; padding: 65px 15px; }
header div{ margin: 0 auto; max-width: 1227px; width:100%; text-align: left; }
header a{ margin: 0 auto; display: flex; justify-content: center; width: 138px; }
header a img{ height: 160px; }

.w3-sobre{ background-color: #f1f1f1; padding: 160px 0; }
.w3-sobre-destaque{ background-color: #8c734b; padding: 65px 100px; width: 90%; max-width: 1400px; margin: 0 auto; text-align: justify; }
.w3-sobre-destaque p{ font-size: 24px; font-weight: 200; color: #ffffff; }
.w3-sobre-txt{ margin: 60px auto 0; width: 90%; max-width: 1400px; }
.w3-sobre-txt p{ font-size: 24px; font-weight: 200; color: #7a7877; text-align: justify; }

.w3-img{ margin: 0 auto; max-width: 1217px; width:98%; text-align: center; }
.w3-img img{ width: 100%;}

.w3-principios{ margin: 0 auto; max-width: 1217px; width:98%; text-align: left; }
.w3-principios-individual{ width: 100%; padding: 15px; }
.w3-principios-individual .txt h2{ text-align: left; font-size: 24px; color: #333333; margin: 20px 0 5px 0; font-weight: 600; cursor: pointer; }
.w3-principios-individual .txt h2 img{ vertical-align: text-bottom; }
.w3-principios-individual .txt p{ text-align: justify; font-size: 20px; color: #7f7f7f; margin: 0 10px; display:none; }
.rotate90{ transform: rotate(90deg); }

footer{ background-color: #f4f4f4; text-align: center; padding: 65px 15px; margin-top: 225px; }
footer a{ margin: 0 auto; display: flex; justify-content: center; width: 138px; }
footer a img{ height: 160px; }

@media screen and (min-width: 641px) and (max-width: 1024px) {
	/* .w3-principios-individual .txt h2{ font-size: 45px; margin: 40px 0; } */
}

@media screen and (max-width: 640px) {
	.w3-principios-individual .txt h2{ font-size: 20px; margin: 30px 0; }
	p{ font-size: 16px; }
}