@media(max-width: 500px) {
    body {
        background: #15000B;
    }

    .home {
        background: url(../images/home-mobile.png) no-repeat center 0px;
        background-size: 460px;
        padding-bottom: 20px;
        height: 860px;
    }

    .home .images-faixa {
        padding: 30px 0 40px;
    }

    .home .images-faixa .image-gpf {
        width: 180px;
        height: 100%;
    }

    .home .info-home {
        padding: 380px 30px 0px;
        text-align: center;
        max-width: 600px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .home .info-home .logo-360 {
        width: 130px;
        margin: 0 auto 20px;
    }

    .home .info-home h1 {
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 27px;
        max-width: 260px;
        margin-bottom: 10px;
    }

    .home .info-home h2 {
        font-size: 10px;
        font-weight: 700;
        padding: 6px 32px;
        border: 1px solid #ffffff;
        border-radius: 10px;
    }

    .home .info-home p {
        font-size: 12px;
        font-weight: 200;
        line-height: 120%;
        text-transform: uppercase;
        max-width: 260px;
        margin: 0 auto 10px;
    }

    .home .info-home p span {
        font-weight: 700;
    }

    .home .info-home .btn-home {
        margin: 0 auto;
    }

    .home .info-home .btn-home a {
        background: url(../images/fundo-btn.png) no-repeat;
        background-size: cover;
        font-size: 11px;
        padding: 10px 20px;
        border: #F2D99F solid 4px;
        border-radius: 40px;
        margin: 0 auto 0;
    }

    .home .info-home .btn-home img {
        margin-top: 20px;
        width: 140px;
        margin: 15px auto 0;
    }

    .home .logo-harcademy {
        width: 90px;
        margin: 15px auto 20px;
    }

    .home .shadow {
        display: none;
    }

    .sobre {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sobre .info-outro-nivel {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 60px;
    }

    .sobre .info-outro-nivel h2 {
        font-size: 28px;
        font-weight: 400;
        line-height: 100%;
        max-width: 300px;
        margin-bottom: 15px;
    }

    .sobre .info-outro-nivel h2 span {
        font-family: 'Ivy Presto Headline SemiBold';
        font-weight: 700;
    }

    .sobre .info-outro-nivel p {
        font-size: 12px;
        font-weight: 200;
        line-height: 100%;
        max-width: 240px;
        margin-bottom: 15px;
    }

    .sobre .info-outro-nivel p span {
        font-weight: 700;
    }

    .sobre .info-outro-nivel .btn-sobre {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .sobre .info-outro-nivel .btn-sobre a {
        background: url(../images/fundo-btn3.png) no-repeat;
        background-size: cover;
        font-size: 9px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 6px 40px;
        margin: 0 auto 0;
    }

    .sobre .info-outro-nivel .btn-sobre img {
        margin-top: 20px;
        width: 100px;
        margin: 5px auto 0;
    }

    .sobre .info-sobre {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .sobre .info-sobre h2 {
        color: #EA8BB6;
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 21px;
        font-weight: 600;
        line-height: 120%;
        text-align: center;
        max-width: 220px;
        margin-bottom: 15px;
    }

    .sobre .info-sobre .bloco-sobre {
        display: flex;
        align-items: center;
        gap: 25px;
        background-color: #F4508C;
        padding: 15px 25px 15px;
        border-radius: 2px;
        margin-bottom: 20px;
        width: 300px;
    }

    .sobre .info-sobre .bloco-sobre img {
        width: 20px;
        margin-right: 15px;
    }

    .sobre .info-sobre .bloco-sobre h3 {
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 12px;
        font-weight: 600;
        line-height: 100%;
        max-width: 130px;
    }

    .sobre .info-sobre .bloco-sobre ul {
        max-width: 120px;
    }

    .sobre .info-sobre .bloco-sobre ul li {
        font-family: 'Barlow Condensed';
        font-size: 8px;
        font-weight: 400;
        line-height: 120%;
    }

    .sobre .info-sobre .bloco-sobre ul li::marker {
        font-size: 4px;
    }

    .sobre .info-sobre .bloco-sobre:nth-child(3) {
        background-color: #611232;
    }

    .sobre .info-sobre .bloco-sobre:nth-child(3) ul li {
        font-size: 11px;
    }

    .sobre .info-sobre .bloco-sobre:nth-child(3) ul li::marker {
        font-size: 6px;
    }

    .paola-farneze {
        margin: 40px 20px 40px;
    }

    .paola-farneze .info-paola {
        background: none;
        padding: 15px 15px 20px;
        background-color: #D9D9D9;
        border-radius: 20px;
    }

    .paola-farneze .info-paola .foto-paola {
        width: 290px;
        height: 250px;
        margin: 0 auto;
        background: url(../images/paola_f2.png) no-repeat center 0px;
        background-size: cover;
        border-radius: 10px;
        margin-bottom: 20px;
    }

    .paola-farneze .info-paola h2 {
        font-size: 29px;
        max-width: 240px;
        margin: 0 auto 15px;
    }

    .paola-farneze .info-paola p {
        font-size: 9px;
        margin: 0 auto;
        max-width: 244px;
    }

    .conteudo {
        padding: 40px 0 0;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .conteudo .secao-conteudo {
        font-family: 'Barlow Condensed';
        background-color: #611232;
        color: #ffffff;
        text-align: center;
        padding: 20px 30px;
        border-radius: 2px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 300px;
        margin-bottom: 10px;
    }

    .conteudo .secao-conteudo:nth-child(2),
    .secao-conteudo:nth-child(3),
    .secao-conteudo:nth-child(6) {
        background-color: #F4508C;
    }

    .conteudo .secao-conteudo img {
        width: 20px;
        margin-bottom: 10px;
    }

    .conteudo .secao-conteudo h2 {
        font-size: 16px;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        max-width: 210px;
        margin-bottom: 5px;
    }

    .conteudo .secao-conteudo p {
        font-size: 12px;
        font-weight: 400;
        line-height: 100%;
        max-width: 220px;
        margin-bottom: 10px;
    }

    .formacao {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .formacao .info-formacao h2 {
        color: #EA8BB6;
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 21px;
        font-style: italic;
        font-weight: 700;
        text-align: center;
    }

    .formacao .info-formacao p {
        font-family: 'Barlow Condensed';
        font-size: 10px;
        line-height: 100%;
        text-align: center;
        max-width: 260px;
        margin: 0 auto 20px;
    }

    .formacao .bloco-formacao {
        display: flex;
        justify-content: space-between;
        background-color: #F4508C;
        padding: 15px 0 15px 25px;
        border-radius: 2px;
        margin-bottom: 20px;
        width: 300px;
    }

    .formacao .bloco-formacao:nth-child(2) {
        background-color: #611232;
        padding: 15px 25px 15px 0;
    }

    .formacao .bloco-formacao img {
        width: 20px;
        margin-bottom: 5px;
    }

    .formacao .bloco-formacao h3 {
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 16px;
        font-weight: 600;
        line-height: 100%;
        max-width: 100px;
        margin-bottom: 5px;
    }

    .formacao .bloco-formacao p {
        font-size: 9px;
        line-height: 100%;
        max-width: 140px;
    }

    .formacao .bloco-formacao h4 {
        color: #ffffff3f;
        font-family: 'Playfair Display';
        font-style: italic;
        font-size: 31px;
        font-weight: 700;
        line-height: 85%;
        max-width: 120px;
    }

    .formacao .bloco-formacao:nth-child(2) div {
        display: flex;
        flex-direction: column;
        align-items: end;
    }

    .formacao .bloco-formacao:nth-child(2) h3 {
        font-size: 16px;
        max-width: 140px;
        text-align: end;
    }

    .formacao .bloco-formacao:nth-child(2) p {
        max-width: 180px;
        text-align: end;
    }

    .formacao .bloco-formacao:nth-child(2) h4 {
        font-size: 45px;
    }

    .chamada {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        margin-bottom: 60px;
    }

    .chamada h2 {
        font-family: 'Ivy Presto Headline SemiBold';
        font-size: 28px;
        line-height: 100%;
        max-width: 240px;
        margin-bottom: 10px;
    }

    .chamada h3 {
        font-size: 13px;
        font-weight: 200;
        line-height: 100%;
        max-width: 240px;
        margin-bottom: 10px;
    }

    .chamada h3 span {
        font-weight: 700;
    }

    
    .chamada .btn-chamada{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
    }

    .chamada .btn-chamada .btn-participar {
        background: url(../images/fundo-btn3.png) no-repeat;
        background-size: cover;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 6px 40px;
        margin: 0 auto 5px;
    }

    .chamada .btn-chamada .btn-contato {
        color: #ffffff;
        font-size: 12px;
        font-weight: 700;
        line-height: 120%;
        text-transform: uppercase;
        padding: 3px 12px;
        border: 1px solid #ffffff;
        border-radius: 15px;
    }

    .chamada .btn-chamada img {
        margin-top: 20px;
        width: 100px;
        margin: 5px auto 0;
    }
}