/* Inicio Font Family */
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/subset-Graphik-Black.eot);
    src: url(../fonts/subset-Graphik-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Black.woff2) format("woff2"),url(../fonts/subset-Graphik-Black.woff) format("woff"),url(../fonts/subset-Graphik-Black.ttf) format("truetype"),url(../fonts/subset-Graphik-Black.svg#Graphik-Black) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/subset-Graphik-BlackItalic.eot);
    src: url(../fonts/subset-Graphik-BlackItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-BlackItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-BlackItalic.woff) format("woff"),url(../fonts/subset-Graphik-BlackItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-BlackItalic.svg#Graphik-BlackItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/subset-Graphik-Bold.eot);
    src: url(../fonts/subset-Graphik-Bold.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Bold.woff2) format("woff2"),url(../fonts/subset-Graphik-Bold.woff) format("woff"),url(../fonts/subset-Graphik-Bold.ttf) format("truetype"),url(../fonts/subset-Graphik-Bold.svg#Graphik-Bold) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 700;
    src: url(../fonts/subset-Graphik-BoldItalic.eot);
    src: url(../fonts/subset-Graphik-BoldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-BoldItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-BoldItalic.woff) format("woff"),url(../fonts/subset-Graphik-BoldItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-BoldItalic.svg#Graphik-BoldItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 200;
    src: url(../fonts/subset-Graphik-Extralight.eot);
    src: url(../fonts/subset-Graphik-Extralight.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Extralight.woff2) format("woff2"),url(../fonts/subset-Graphik-Extralight.woff) format("woff"),url(../fonts/subset-Graphik-Extralight.ttf) format("truetype"),url(../fonts/subset-Graphik-Extralight.svg#Graphik-Extralight) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 200;
    src: url(../fonts/subset-Graphik-ExtralightItalic.eot);
    src: url(../fonts/subset-Graphik-ExtralightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-ExtralightItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-ExtralightItalic.woff) format("woff"),url(../fonts/subset-Graphik-ExtralightItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-ExtralightItalic.svg#Graphik-ExtralightItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 300;
    src: url(../fonts/subset-Graphik-LightItalic.eot);
    src: url(../fonts/subset-Graphik-LightItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-LightItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-LightItalic.woff) format("woff"),url(../fonts/subset-Graphik-LightItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-LightItalic.svg#Graphik-LightItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/subset-Graphik-Light.eot);
    src: url(../fonts/subset-Graphik-Light.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Light.woff2) format("woff2"),url(../fonts/subset-Graphik-Light.woff) format("woff"),url(../fonts/subset-Graphik-Light.ttf) format("truetype"),url(../fonts/subset-Graphik-Light.svg#Graphik-Light) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/subset-Graphik-Medium.eot);
    src: url(../fonts/subset-Graphik-Medium.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Medium.woff2) format("woff2"),url(../fonts/subset-Graphik-Medium.woff) format("woff"),url(../fonts/subset-Graphik-Medium.ttf) format("truetype"),url(../fonts/subset-Graphik-Medium.svg#Graphik-Medium) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/subset-Graphik-Regular.eot);
    src: url(../fonts/subset-Graphik-Regular.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Regular.woff2) format("woff2"),url(../fonts/subset-Graphik-Regular.woff) format("woff"),url(../fonts/subset-Graphik-Regular.ttf) format("truetype"),url(../fonts/subset-Graphik-Regular.svg#Graphik-Regular) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 500;
    src: url(../fonts/subset-Graphik-MediumItalic.eot);
    src: url(../fonts/subset-Graphik-MediumItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-MediumItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-MediumItalic.woff) format("woff"),url(../fonts/subset-Graphik-MediumItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-MediumItalic.svg#Graphik-MediumItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/subset-Graphik-RegularItalic.eot);
    src: url(../fonts/subset-Graphik-RegularItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-RegularItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-RegularItalic.woff) format("woff"),url(../fonts/subset-Graphik-RegularItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-RegularItalic.svg#Graphik-RegularItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 600;
    src: url(../fonts/subset-Graphik-SemiboldItalic.eot);
    src: url(../fonts/subset-Graphik-SemiboldItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-SemiboldItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-SemiboldItalic.woff) format("woff"),url(../fonts/subset-Graphik-SemiboldItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-SemiboldItalic.svg#Graphik-SemiboldItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 600;
    src: url(../fonts/subset-Graphik-Semibold.eot);
    src: url(../fonts/subset-Graphik-Semibold.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Semibold.woff2) format("woff2"),url(../fonts/subset-Graphik-Semibold.woff) format("woff"),url(../fonts/subset-Graphik-Semibold.ttf) format("truetype"),url(../fonts/subset-Graphik-Semibold.svg#Graphik-Semibold) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik Super;
    font-style: normal;
    font-weight: 900;
    src: url(../fonts/subset-Graphik-Super.eot);
    src: url(../fonts/subset-Graphik-Super.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Super.woff2) format("woff2"),url(../fonts/subset-Graphik-Super.woff) format("woff"),url(../fonts/subset-Graphik-Super.ttf) format("truetype"),url(../fonts/subset-Graphik-Super.svg#Graphik-Super) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik Super;
    font-style: italic;
    font-weight: 900;
    src: url(../fonts/subset-Graphik-SuperItalic.eot);
    src: url(../fonts/subset-Graphik-SuperItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-SuperItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-SuperItalic.woff) format("woff"),url(../fonts/subset-Graphik-SuperItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-SuperItalic.svg#Graphik-SuperItalic) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: normal;
    font-weight: 100;
    src: url(../fonts/subset-Graphik-Thin.eot);
    src: url(../fonts/subset-Graphik-Thin.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-Thin.woff2) format("woff2"),url(../fonts/subset-Graphik-Thin.woff) format("woff"),url(../fonts/subset-Graphik-Thin.ttf) format("truetype"),url(../fonts/subset-Graphik-Thin.svg#Graphik-Thin) format("svg")
}
@font-face {
    font-display: swap;
    font-family: Graphik;
    font-style: italic;
    font-weight: 100;
    src: url(../fonts/subset-Graphik-ThinItalic.eot);
    src: url(../fonts/subset-Graphik-ThinItalic.eot?#iefix) format("embedded-opentype"),url(../fonts/subset-Graphik-ThinItalic.woff2) format("woff2"),url(../fonts/subset-Graphik-ThinItalic.woff) format("woff"),url(../fonts/subset-Graphik-ThinItalic.ttf) format("truetype"),url(../fonts/subset-Graphik-ThinItalic.svg#Graphik-ThinItalic) format("svg")
} */
/* Fim Font Family */
/* Inicio CSS TAGs padrão */
a {
    text-decoration: none;
}
body {
    color: #000;
    font-family: Graphik, sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 24px;
}
html {
    scroll-behavior: smooth;
}
h1, h2 {
    color: #9188FF;
    font-size: 5rem;
    font-weight: 600;
    line-height: 90px;
}
h3 {
    color: #9188FF;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 44px;
    padding-bottom: 20px;
}
h4 {
    color: #9188FF;
    font-size: 1.875rem;
    font-weight: normal;
    line-height: 32px;
}
h5 {
    color: #9188FF;
    font-size: 1.375rem;
    font-weight: 600;
}
img {
    height: auto;
    max-width: 100%;
}
li {
    line-height: 28px;
}
/* Fim CSS TAGs padrão */
/* Inicio classes universais */
.universal-row-column {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto 0 auto;
    width: 90%;
}
.universal-column-row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 0 auto 0 auto;
    width: 90%;
}
.universal-row-column-reverse {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 0 0 auto;
    width: 95%;
}
.container-black {
    background-color: black;
    display: inline-block;
    height: 3px;
    width: 32px;
}
.container-block {
    display: block;
    margin: auto;
}
.container-hide {
    display: none;
}
.title-number {
    font-size: 2.5rem;
    margin-left: 5px;
    line-height: 40px;
}
.title-bold {
    font-size: 1.375rem;
    font-weight: 600;
    padding: 20px 0px 10px 0px;
    line-height: 25px;
}
.wdt-90 {
    margin: auto;
    width: 90%;
}
/* Fim classes universais */
/* Items de menu */
nav .menu-items ol li.active a span {
    color: #9188FF;
    }
nav .menu-items ol li.active a p {
    color: #190019;
}
/* Items de menu */
/* Inicio menu desktop */
main {
    padding-left: 315px;
}
.menu {
    background-color: #fff;
    border-right: 1px solid #CECECE;
    height: 100%;
    position: fixed;
    width: 315px;
    z-index: 99999;
}
.menu-div {
    padding: 30px 0px 10px 0px;
    margin: auto;
}
.menu-mobile {
    margin: auto;
    width: 80%;
}
.menu-languages {
    align-items: center;
    color: #7E7E7E;
    display: flex;
    flex-direction: row;
    font-size: 0.9375rem;
    justify-content: space-between;
    margin: auto;
    padding: 15px 0px 5px 0px;
    width: 80%;
}
.menu-languages img {
    max-width: 16px;
    vertical-align: text-bottom;
}
.menu-languages a {
    cursor: pointer;
}
.menu-items {
    margin: auto;
    width: 80%;
}
.menu-items ol {
	border: 0;
	font-size: 100%;
    list-style: none;
	padding: 0px 0px 0px 0px;
	vertical-align: baseline;
}
.menu-items li {
	border: 0;
	font-size: 100%;
    line-height: 22px;
    list-style: none;
	padding: 0px 0px 16px 0px;
	vertical-align: baseline;
}
.menu-items span {
    color: #BABABA;
    font-weight: 600;
    padding-right: 12px;
}
.menu-items ol {
    margin: 10px 0 0px 0;
}
.menu-items div {
    display: flex;
    flex-direction: row;
}
.menu-items p {
    color: #BABABA;
}
.menu-items a {
    display: block;
}
.menu-logo {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    width: 80%;
}
.menu-logo img:first-child {
    max-width: 90px;
}
.menu-logo img:nth-child(2) {
    max-width: 76px;
}
/* Fim menu desktop */
/* Inicio primeira section */
.intro {
    background-color: #190019;
    color: #fff;
    padding:  100px 0 60px 0;
}
.intro-box-1 div:first-child {
    display: grid;
    gap: 50px;
    width: 50%;
}
.intro-box-1 div:last-child { 
    width: 50%;
}
.intro-box-2 {
    padding-top: 40px;
    text-align: center;
}
.intro-box-2 p {
    font-size: 1.25rem;
    padding-bottom: 20px;
}
.intro-box-2 img {
    display: block;
    margin: auto;
    width: 16px;
}
.sc-box-3-purple {
    margin: 0 auto;
}
/* Fim primeira section */
/* Inicio segunda section */
.sc-box-1 {
    padding: 100px 0;
}
.sc-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.sc-box-2 {
    padding-bottom: 100px;
}
.sc-box-2 div {
    width: 41%;
}
.sc-box-3 {
    background-color: #361E3A;
    color: #fff;
}
.sc-box-3 img {
    padding-top: 20px;
    vertical-align: bottom;
}
.sc-box-3 ul {
    margin: 0px;
    padding: 20px 0px 20px 25px;
}
.sc-box-3 div:nth-child(2) {
    margin: 0 auto 0 auto;
    width: 50%;
}
/* Fim segunda section */
/* Inicio terceira section */
.intersec {
    padding: 100px 0;
}
.intersec span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.intersec-box-2-txt {
    width: 50%;
}
.intersec-title {
    padding-top: 50px;
}
.intersec-box-purple {
    align-items: center;
    background-color: #9188FF;
    color: #fff;
    display: flex;
    padding: 20px 30px;
    width: 40%;
}
.intersec-box-purple-title {
    font-size: 2.1875rem;
    font-weight: 600;
    line-height: 40px !important;
    padding: 30px 0px 15px 0px;
}
/* Fim terceira section */
/* Inicio quarta section */
.gene-box-1 {
    padding-bottom: 70px;
}
.gene-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.gene-box-2 {
    margin: auto;
    padding-bottom: 100px;
    width: 90%;
}
.gene-box-2 div {
    width: 60%;
}
.gene-box-3 {
    padding-top: 100px;
}
.gene-txt {
    align-items: center;
    border-top: 2px #9188FF solid;
    padding: 50px 0px;
}
.gene-txt div {
    width: 46%;
}
.gene-txt ul {
    margin: 0px;
    padding: 0px 0px 0px 25px;
}
.wdt-80 {
    margin: auto;
    width: 90%;
}
/* Fim quarta section */
/* Inicio quinta section */
.age {
    padding: 100px 0;
}
.age span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.age-box-1 {
    padding-bottom: 60px;
}
.age-box-1 div:last-child {
    width: 45%;
}
.age-box-2 {
    align-items: flex-end;
    padding-bottom: 100px;
}
.age-box-2 div {
    width: 50%;
}
.age-box-3 h3 {
    padding-bottom: 30px;
}
.age-box-3-txt p:nth-child(2) {
    font-size: 1rem;
}
.age-box-3-txt ul {
    margin: 0px;
    padding: 0px 0px 0px 25px;
}
.age-box-3-txt div:last-child {
    width: 50%;
}
/* Fim quinta section */
/* Inicio sexta section */
.gender {
    padding: 100px 0;
}
.gender span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.gender-box-1 {
    padding-bottom: 100px;
}
.gender-box-2 {
    padding-bottom: 100px;
}
.gender-box-2-txt {
    display: flex;
    flex-direction: column;
    width: 43%;
}
.top-50 {
    padding-top: 50px;
}
.gender-box-purple {
    background-color: #9188FF;
    color: #fff;
    padding: 160px 70px 60px 70px;
    width: 32%;
}
.gender-box-purple-title {
    font-size: 2.1875rem;
    font-weight: 600;
    line-height: 40px !important;
    padding: 30px 0px 20px 0px;
}
.gender-box-3-txt {
    padding: 40px 0px 80px 0px;
}
.gender-box-3-txt div {
    width: 30%;
}
.gender-solo {
    margin-left: auto;
    padding: 80px 0 40px 0;
    width: 95%;
}
.gender-solo div {
    width: 42%;
}
.gender-box-4 p:nth-child(2) {
    padding: 15px 0 60px 0px;
}
.gender-box-4-txt div {
    width: 48%;
}
.gender-box-5 {
    background-color: #190019;
    color: #fff;
    padding: 7% 0;
}
.gender-box-5-txt div {
    width: 30%;
}
.gender-box-6 {
    align-items: center;
    padding: 70px 0px;
}
.gender-box-6 div {
    width: 48%;
}
.gender-box-7 {
    background-color: #9188FF;
    padding: 60px 0;
}
.gender-box-7 h3 {
    color: #fff; 
}
.gender-box-7-txt li {
    color: #fff;
    padding: 4px 0px;
}
.gender-box-7-txt p {
    color: #fff;
}
.gender-box-7-txt {
    align-items: center;
}
.gender-box-7-txt div {
    width: 48%;
}
.gender-box-8 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px auto;
    width: 90%;
}
.gender-box-8 h3 {
    padding-top: 60px;
}
.gender-box-8 div {
    padding: 20px 0px 40px 0px;
    width: 29%;
}
/* Fim sexta section */
/* Inicio setima section */
.aso {
    padding: 100px 0px;
}
.aso-box-1 {
    justify-content: space-between;
    margin: 0px 0px 100px auto;

}
.aso-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.aso-box-2 {
    align-items: center;
    justify-content: space-between;
    margin: 0px auto 100px auto;
}
.aso-box-2 div {
    width: 46%;
}
.aso-box-3 {
    align-items: normal;
    justify-content: space-between;
    margin: 80px auto;
    width: 90%;
}
.aso-box-3 div {
    width: 23%;
}
.aso-box-4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 50px auto;
    width: 90%;
}
.aso-box-4 div {
    padding: 10px 1px 40px 1px;
    width: 29%;
}
.aso-box-5 {
    background-color: #9188FF;
    color: #fff;
    margin-top: 50px;
    padding: 50px 0px;
}
.aso-box-5-txt {
    justify-content: space-between;
    margin: auto;
    width: 80%;
}
.aso-box-5-txt div {
    width: 47%;
}
.aso-box-5-txt li {
    padding-bottom: 10px;
}
.aso-box-6 {
    background-color: #190019;
    color: #fff;
    padding: 70px 0px;
    text-align: center;
}
.aso-box-6 h3 {
    color:#fff;
}
.aso-box-6 div {
    margin: auto;
    width: 65%;
}
.aso-box-7 {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 100px;
    margin: 0px auto;
    width: 80%;
}
.aso-box-7 div {
    width: 58%;
}
.aso-box-7 div:last-child {
    width: 33%;
}
.aso-box-8 {
    justify-content: space-between;
    margin: auto;
    padding-bottom: 60px;
    width: 90%;
}
.aso-box-8 div {
    width: 49%;
}
/* Fim setima section */
/* Inicio oitava section */
.ableism {
    padding: 0px 0px 100px 0px;
}
.ableism-box-1 {
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 100px auto;
}
.ableism-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.ableism-box-1 div:last-child {
    width: 55%;
}
.ableism-box-2 {
    align-items: center;
    margin: auto;
    padding-bottom: 100px;
}
.ableism-box-2 div:first-child {
    width: 50%;
}
.ableism-box-3 {
    margin: auto;
}
.ableism-box-3 div {
    width: 49%;
}
/* Fim oitava section */
/* Inicio nona section */
.fat {
    padding: 100px 0px;
}
.fat-box-1 {
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 100px auto;
}
.fat-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.fat-box-1 div:last-child {
    width: 46%;
}
.fat-box-2 {
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding-bottom: 60px;
}
.fat-box-2 div:first-child {
    width: 55%;
}
.fat-box-3 {
    color: #fff;
    background: url('../assets/faphobia-desk-01.jpg') no-repeat;
    background-position: right;
    background-color: #361E3A;
    background-size: cover;
    width: 100%;
}
.fat-wdt-80 {
    margin: auto;
    padding: 62px 0px;
}
.fat-wdt-80 div:first-child {
    width: 20%;
}
.fat-wdt-80 div {
    width: 80%;
}
.fat-wdt-80 h3 {
    width: 50%;
}
.fat-wdt-80 p {
    width: 50%;
}
.fat-box-4 {
    background-color: #9188FF;
    color: #fff;
    padding: 50px 0px;
}
.fat-box-4-txt {
    align-items: center;
    justify-content: space-between;
    margin: auto;
}
.fat-box-4-txt h3 {
    color: #fff;
}
.fat-box-4-txt li {
    padding-bottom: 10px;
}
.fat-box-4-txt div:last-child {
    width: 55%;
}
/* Fim nona section */
/* Inicio decima section */
.feminism {
    padding: 60px 0px;
}
.feminism-box-1 {
    justify-content: space-between;
    margin: 0px 0px 100px auto;
}
.feminism-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.feminism-box-1 div {
    width: 55%;
}
.feminism-box-2 {
    align-items: center;
    margin: 0px auto 100px auto;
}
.feminism-box-2 div {
    width: 49%;
}
.feminism-box-3 {
    margin: 0 auto 100px auto;
}
.feminism-box-3-txt {
    width: 50%;
}
.feminism-box-purple-wdt-90 {
    width: 100%;
}
.feminism-box-purple {
    background-color: #9188FF;
    color: #fff;
    padding: 160px 70px 60px 70px;
    width: 36%;
}
.feminism-box-purple-title {
    font-size: 2.1875rem;
    color: #fff;
    font-weight: 600;
    line-height: 40px !important;
    padding: 30px 0px 20px 0px;
}
.feminism-box-4 {
    margin: 0px auto auto auto;
}
.feminism-box-4 div {
    padding-bottom: 20px;
}
.feminism-box-4-txt-1 div {
    width: 49%;
}
.feminism-box-4-txt-2 div {
    width: 49%;
}
/* Fim decima section */
/* Inicio decima primeira section */
.eg {
    padding: 100px 0px;
}
.eg-box-1 {
    justify-content: space-between;
    margin: 0px 0px 100px auto;
}
.eg-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.eg-box-2 {
    margin: 0px auto 100px auto;
}
.eg-box-2 div {
    width: 49%;
}
.eg-box-3 {
    align-items: center;
    margin: 0px auto 0px auto;
}
.eg-box-3 div {
    width: 49%;
}
.eg-box-3 ul {
    margin: 0;
    padding-left: 30px;
}
/* Fim decima primeira section */
/* Inicio decima segunda section */
.rmx {
    padding: 90px 0px;
}
.rmx-box-1 {
    margin: 0px 0px 100px auto;
    width: 95%;
}
.rmx-box-1 span::after {
    content: "";
    background-color: black;
    display: inline-block;
    height: 3px;
    margin: 0px 0px 6px 8px;
    vertical-align: middle;
    width: 34px;
}
.rmx-box-2 {
    align-items: center;
    justify-content: space-between;
    padding-bottom: 60px;
    margin: 0px auto;
    width: 90%;
}
.rmx-box-2 div:first-child {
    width: 56%;
}
.rmx-box-2 div:last-child {
    width: 40%;
}
.rmx-box-3 {
    color: #fff;
    background: url('../assets/refugess-desk-01.jpg') no-repeat;
    background-size: cover;
    padding: 80px 0px;
    width: 100%;
}
.rmx-box-3 div {
    margin: auto;
    width: 80%;
}
.rmx-box-3 h3 {
    color: #fff;
}
.rmx-box-3 p {
    width: 36%;
}
.rmx-box-4 {
    background-color: #9188FF;
    color: #fff;
    padding: 50px 0px;
}
.rmx-box-4-txt {
    align-items: center;
    margin: auto;
}
.rmx-box-4-txt {
    align-items: center;
    margin: auto;
}
.rmx-box-4-txt h3 {
    color: #fff;
}
.rmx-box-4-txt li {
    padding-bottom: 10px;
}
.rmx-box-5 {
    align-items: center;
    padding: 100px 0px;
    margin: 0px auto;
}
.rmx-box-5 div:first-child {
    width: 50%;
}
.rmx-box-6 {
    margin: auto;
    width: 90%;
}
.rmx-box-6-title {
    padding-bottom: 60px;
    width: 34%;
}
.rmx-box-6-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.rmx-box-6-container div {
    padding-bottom: 50px;
    width: 20%;
}
.rmx-box-6-container p {
    color: #9188FF;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 10px 0px;
}
.rmx-box-6-container span {
    font-size: 1.125rem;
}
/* Fim decima segunda section */
/* Inicio Footer */
footer {
    background-color: #9188FF;
}
.footer-wdt-90 {
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 50px 0px;
    width: 90%;
    text-align: right;
}
.footer-txt {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: right;
}
.footer-txt div {
    padding-bottom: 45px;
    width: 100%;
}
.footer-txt p {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 44px;
}
.footer-txt a {
    font-size: 1.25rem;
    line-height: 26px;
    text-decoration: underline;
}
.footer-sociais {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0px 0px 0px auto;
    width: 40% !important;
}
/* Fim Footer */
/* Fim de classes */
/* Inicio Media Query */
@media (max-width: 1550px) {
    h1, h2 {
        font-size: 4.5rem;
        line-height: 80px;
    }
}
@media (max-height: 890px) {
    .menu-logo {
        padding: 20px 0px;
    }
}
@media (max-height: 768px) {

    .menu-logo {
        padding: 0px;
    }
}
@media (max-width: 1024px) {
    /* Inicio menu mobile */
    .menu {
        position: initial;
        width: 100%;
    }
    .menu li {
        padding-bottom: 15px;
    }
    .menu-div {
        background-color: #fff;
        padding: 0;
        position: fixed;
        width: 100%;
    }
    .menu-border {
        border-bottom: 1px solid #CECECE;
        width: 100%;
    }
    .menu-mobile {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 500px;
        margin: auto;
        padding: 10px 0px;
        width: 80%;
    }
    .menu-languages {
        max-width: 500px;
        padding: 18px 0px 18px 0px;
    }
    #div-menu-mobile {
        height: 100vh;
    }
    .menu-logo {
        max-width: 500px;
        padding: 10px 0px 20px 0px;
    }
    .menu-items ol {
        margin: 0;
    }
    .menu-items {
        max-width: 500px;
    }
    .container {
        display: inline-block;
        cursor: pointer;
    }
    .line-1, .line-2, .line-3 {
        background-color: #9188FF;
        border-radius: 20px;
        height: 3px;
        margin: 12px 0;
        transition: 0.4s;
        width: 42px;
    }
    .change .line-1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-13px, 12px);
    }
    .change .line-2 {
        opacity: 0;
    }
    .change .line-3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
    }
    /* Fim menu mobile */
    main {
        padding-left: 0px;
    }
    h1, h2 {
        font-size: 3rem;
        line-height: 50px;
    }
    .universal-row-column {
        flex-direction: column;
        width: 85%;
    }
    .universal-column-row {
        flex-direction: row;
        width: 85%;
    }
    .universal-row-column-reverse {
        align-items: initial;
        flex-direction: column-reverse;
    }
    .wdt-80 {
        width: 85%;
    }
    .container-block {
        display: none;
    }
    .container-hide {
        display: block;
        margin: auto;
    }
    .hide {
        display: none !important;
    }
    .title-bold {
        padding-top: 20px;
    }
    .intro-box-1 {
        padding-top: 60px;
        width: 100%;    
    }
    .intro-box-1 h1 {
        font-size: 2.75rem !important;
    }
    .intro-box-1 div:first-child {
        margin: 0 auto 0 auto;
        width: 85%;    
    }
    .intro-box-1 div:last-child {
        width: 100%;
    }
    .intro-box-2 {
        display: none;
    }
    .sc-box-1 {
        width: 92.5%;
    }
    .sc-box-2 div {
        margin: auto;
        width: 100%;
    }
    .sc-box-3 {
        padding: 100px 0px 0px 0px;
    }
    .sc-box-3-purple {
        margin: 0 auto;
        width: 85%;
    }
    .sc-box-3 div:nth-child(2) {
        width: 100%;
    }
    .intersec-box-2-txt h3 {
        padding-top: 100px;
    }
    .intersec-box-1 {
        width: 92.5%;
    }
    .intersec h2 {
        font-size: 2rem;
        line-height: 30px;
    }
    .intersec-box-2  {
        width: 100%;
    }
    .intersec-box-2 div:first-child {
        margin: auto;
        width: 85% !important;
    }
    .intersec-box-purple {
        margin-top: 60px;
        padding: 80px 0px 180px 0px;
        width: 100%;
    }
    .gene-box-1 {
        width: 92.5%;
    }
    .gene-box-2 {
        width: 85%;
    }
    .gene-box-2 div {
        width: 100%;
    }
    .gene-box-3 div {
        width: 85%;
    }
    .age-box-1 {
        width: 92.5%;
    }
    .age-box-1 div:last-child {
        width: 100%;
    }
    .age-box-2 div {
        width: 100%;
    }
    .age-box-3 h3 {
        padding: 0px;
    }
    .age-box-3-txt div:last-child {
        width: 100%;
    }
    .gender-box-1 {
        width: 92.5%;
    }
    .gender-box-1 div:first-child {
        margin: 0 auto 0 0;
    }
    .gender-box-2 {
        width: 100%;
    }
    .gender-box-2-txt {
        margin: auto;
        width: 85%; 
    }
    .gender-box-purple {
        margin-top: 45px;
        padding: 90px 0px;
        width: 100%;
    }
    .gender-box-purple-wdt-90-mobile {
        margin: auto;
        width: 85%;
    }
    .gender-box-3-txt {
        padding-bottom: 50px;
        width: 100%;
    }
    .gender-box-3-txt div {
        margin: auto;
        width: 85%;
    }
    .gender-solo {
        margin: auto;
        width: 85%;
    }
    .gender-solo div {
        width: 100%;
    }
    .gender-box-4-txt div {
        width: 100%;
    }
    .gender-box-5-txt div {
        padding: 20px 0px;
        margin: auto;
        width: 100%;
    }
    .gender-box-6 div {
        width: 100%;
    }
    .gender-box-7-txt div {
        width: 100%;
    }
    .gender-box-7-txt div:last-child {
        padding-top: 60px;
    }
    .gender-box-8 {
        justify-content: space-between;
        margin: auto;
        width: 85%;
    }
    .gender-box-8 div {
        padding: 0px 0px 30px 0px;
        width: 46%;
    }
    .gender-box-8 div:last-child {
        padding-bottom: 50px;
    }    
    .aso-box-1 {
        margin: 0px 0px 100px auto;
        width: 92.5%;
    }
    .aso-box-2 {
        padding-bottom: 50px;
    }
    .aso-box-2 {
        box-sizing: border-box;
        margin: 45px 0px 0px 0px;
        width: 100%;
    }
    .aso-box-2 div {
        margin-top: 40px;
        width: 85% !important;
    }
    .aso-box-3 {
        width: 85%;
    }
    .aso-box-3 div {
        width: 100%;
    }
    .aso-box-4 {
        margin: auto;
        width: 85%;
    }
    .aso-box-4 div {
        width: 46%;
    }
    .aso-box-4 div:last-child {
        padding-bottom: 50px;
    }
    .aso-box-5-txt div {
        width: 100%;
    }
    .aso-box-5-txt {
        width: 85%;
    }
    .aso-box-6 div {
        text-align: initial;
        width: 85%;
    }
    .aso-box-7 {
        width: 85%;
    }
    .aso-box-7 div {
        width: 100% !important;
    }
    .aso-box-7 h3 {
        padding-top: 30px;
    }
    .aso-box-8 {
        width: 85%;
    }
    .aso-box-8 div {
        width: 100%;
    }
    .ableism-box-1 div:last-child {
        width: 100%;
    }
    .ableism-box-1 {
        align-items: normal;
        width: 92.5%;
    }
    .ableism-box-2 div:first-child {
        padding-bottom: 50px;
        width: 100%;
    }
    .ableism-box-3 div {
        width: 100%;
    }
    .fat-box-1 {
        align-items: normal;
        width: 92.5%;
    }
    .fat-box-1 div:last-child {
        width: 100%;
    }
    .fat-box-2 div:first-child {
        padding-bottom: 50px;
        width: 100%;
    }
    .fat-box-3 {
        background-image: none;
    }
    .fat-wdt-80 {
        padding: 0px;
        width: 100%;
    }
    .fat-wdt-80 div {
        padding: 70px 0px;
        margin: auto;
        width: 85%;
    }
    .fat-wdt-80 div:first-child {
        padding: 0px;
        width: 100%;
    }
    .fat-wdt-80 p {
        width: 100%;
    }
    .fat-wdt-80 h3 {
        width: 100%;
    }
    .fat-box-4-txt {
        width: 85%;
    }
    .fat-box-4-txt div:last-child {
        width: 100%;
    }
    .feminism-box-1 {
        margin: 0px 0 100px auto;
        width: 92.5%;
    }
    .feminism-box-1 div {
        width: 100%;
    }
    .feminism-box-2 {
        padding-bottom: 50px;
    }
    .feminism-box-2 div {
        margin-top: 40px;
        width: 100% !important;
    }
    .feminism-box-3 {
        width: 100%;
    }
    .feminism-box-3 div:first-child {
        margin: auto;
        width: 85%;
    }
    .feminism-box-purple {
        padding: 160px 0px 60px 0px;
        width: 100%;
    }
    .feminism-box-4-txt-1 div {
        width: 100%;
    }
    .feminism-box-4-txt-2 div {
        width: 100%;
    }
    .eg {
        padding: 50px 0px;
    }
    .eg-box-1 {
        margin: 0 0 0 auto;
        width: 92.5%;
    }
    .wdt-90 {
        width: 85%;
    }
    .eg-box-2 {
        margin: auto;
        width: 85%;
    }
    .eg-box-2 div {
        width: 100%;
    }
    .eg-box-2 h3 {
        padding-top: 20px;
    }
    .eg-box-2 p {
        padding-bottom: 20px;
    }
    .eg-box-3 {
        width: 85%;
    }
    .eg-box-3 p {
        padding-bottom: 20px;
    }
    .eg-box-3 div {
        width: 100%;
    }
    .rmx-box-1 {
        margin: 0 0 0 auto;
        width: 92.5%;
    }
    .rmx-box-2 {
        width: 100%;
    }
    .rmx-box-2 div {
        width: 100%;
    }
    .rmx-box-2 h3 {
        padding-top: 30px;
    }
    .rmx-box-2 div:first-child {
        width: 85%;
    }
    .rmx-box-3 {
        background-color: #190019;
        background-image: none;
        padding: 80px 0px;
    }
    .rmx-box-3 div {
        width: 85%;
    }
    .rmx-box-3 p {
        width: 100%;
    }
    .rmx-box-4-txt {
        width: 85%;
    }
    .rmx-box-5 {
        width: 100%;
    }
    .rmx-box-5 div {
        padding-bottom: 20px;
        width: 90%;
    }
    .rmx-box-5 div:first-child {
        width: 85%;
    }
    .rmx-box-6 {
        width: 85%;
    }
    .rmx-box-6-title {
        width: 85%;
    }
    .rmx-box-6-container {
        margin: auto;
        width: 100%;
    }
    .rmx-box-6-container div {
        margin: 0 auto;
        width: 45%;
    }
    .footer-wdt-90 {
        align-items: flex-start;
        padding: 100px 0px;
        text-align: left;
        width: 85%;
    }
    .footer-sociais {
        margin: 0px auto 0px 0px;
    }
}
@media (max-width: 250px) {
    h1 {
        font-size: 1.5rem;
        line-height: 25px;
    }
}
/* Fim Media Query */