.header-num {
    opacity: 0;
}
#page-four-ap01 {
    overflow-x: hidden;
    width: 100vw;
}
#page-four-ap01 header.header{
    background: transparent url(../img/header-bg-cap-04-ap-01.jpg) no-repeat center top !important;
    background-size: 100vw !important;
    height: 40.052vw;
}
#page-four-ap02 header.header,
#page-four-ap03 header.header{
    background: transparent url(../img/header-bg-cap-04-ap-02.jpg) no-repeat center top !important;
    background-size: 100vw !important;
    height: 40.052vw;
}

#page-four-ap01 .section-01 h2,
#page-four-ap02 .section-01 h2,
#page-four-ap03 .section-01 h2{
    font-size: 4.688vw;
    font-weight: normal;
    color: var(--color-dark-purple);
    line-height: 1.06;
}

/* = Cap 04 ap 01 = */
#page-four-ap01 .section-01{
    background: transparent url(../img/cap-04-apice-section-01.png) no-repeat bottom right;
    background-size: 56.146vw;
}
#page-four-ap01 .section-01 .container-fluid{
    padding: 4.271vw 8.125vw 5.365vw ;
}
#page-four-ap01 .section-01 h2{
    margin-bottom: 5.677vw;
    width: 73.615vw;
}
#page-four-ap01 .section-01 .text-box{
    width: 40.573vw;
}
#page-four-ap01 .section-01 .text-box strong{
    font-weight: normal;
    color: var(--color-orange);
}
#page-four-ap01 .section-02 .container-fluid{
    padding: 6.667vw 0 8.177vw;
}
#page-four-ap01 .section-02 .container-fluid .row{
    padding: 0 14.688vw 0 8.854vw;
}
#page-four-ap01 .section-02 h2{
    font-size: 4.688vw;
    font-weight: normal;
    color: var(--color-yellow);
    line-height: 1.06;
    width: 56.302vw;
    margin-bottom: 6.615vw;
}
#page-four-ap01 .section-02 .text-box{
    width: 35.521vw;
}
#page-four-ap01 .section-02 .quote{
    width: 35.063vw;
    margin-left: 4vw;
}
#page-four-ap01 .section-02 .quote h3 {
    font-size: 1.563vw;
    color: white;
    line-height: 1.6;
}
#page-four-ap01 .section-02 .container-fluid .row:last-child{
    padding: 0;
    margin-top: 8.177vw;
}
#page-four-ap01 .section-02 .info-graph{
    max-width: 80%;
    max-height: 130vh;
    padding: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
#page-four-ap01 .section-02 .info-graph img {
    max-width: 80%;
    max-height: 130vh;
}
#page-four-ap01 .section-02 .text-box p,
#page-four-ap01 .section-02 .quote .nome-socio p{
    color: white;
}
#page-four-ap01 .section-02 .quote strong{
    color: var(--color-orange);
}
/* Cap 04 ap 01 - Last Section */
#page-four-ap01 .last-section .titulo-lista{
    margin-bottom: 0.5vw;
}
#page-four-ap01 .last-section .porta-voz-capitulo {
    margin-top: 3.385vw;
}
#page-four-ap01 .last-section .lista-socios li {
    padding: 0;
}

/* = Cap 04 ap 02 = */
#page-four-ap02 .section-01 .container-fluid{
    padding: 4.271vw 4.792vw 4.792vw;
}
#page-four-ap02 .section-01 h2{
    margin: 0 0 2.651vw 2vw;
    width: 70vw;
}
#page-four-ap02 .section-01 .text-box{
    width: 59.219vw;
    margin-bottom: 3vw;
    margin-left: 2.5vw;
}
#page-four-ap02 .section-01 .text-box strong{
    font-weight: normal;
    color: var(--color-orange);
}
#page-four-ap02 .section-01 a,
#page-four-ap03 .section-01 a{
    font-size: 2.656vw;
    font-weight: bold;
    margin-left: 2.7vw;
    color: var(--color-orange);
    text-decoration: underline;
    text-underline-offset: 0.5vw;
    text-decoration-thickness: 0.156vw;
}
#page-four-ap03 .section-01 a {
    margin-left: 0;
}

/* = Cap 04 ap 03 = */
#page-four-ap03 .section-01 .container-fluid{
    padding: 5vw 7.5vw 5vw;
}
#page-four-ap03 .section-01 h2{
    margin-bottom: 2.651vw;
    width: 64.688vw;
}
#page-four-ap03 .section-01 .text-box{
    width: 45vw;
    margin-bottom: 3vw;
}


#page-four-ap01 .lista-socios .nome-socio span {
    display: none;
}






/* Smartphones */


@media only screen and (max-width: 768px) {
/*************** MOBILE ONLY CSS ***************/






#page-four-ap01 .section-01 h2, #page-four-ap01 .section-01 .text-box, #page-four-ap01 .section-02 .text-box {
    width: 100%;
}
#page-four-ap01 .section-01 .container-fluid {
    padding: 6vw;
}
#page-four-ap01 .section-01 h2, #page-four-ap02 .section-01 h2, #page-four-ap03 .section-01 h2, #page-four-ap01 .section-02 h2, #page-four-ap02 .section-01 h2, #page-four-ap02 .section-01 a, #page-four-ap03 .section-01 a {
    font-size: 24px;
}
#page-four-ap02 .section-01 h2 {
    margin: 4vw 0 0;
    width: 100%;
}
#page-four-ap01 .section-02 .quote, #page-four-ap02 .section-01 .text-box, #page-four-ap03 .section-01 .text-box {
    width: 100%;
    margin: 8vw 0;
}

#page-four-ap01 .section-02 .info-graph img {
    max-width: 100%;
    max-height: 100%;
}
#page-four-ap02 .section-01 a, #page-four-ap03 .section-01 a {
    margin-left: 0;
}
































}