@media screen and (max-width: 1280px) {
.cima{
    height: 40px;
    width: 100%;
}
.conteudo-a1{
    height: 775px;
}
.conteudo-a1 .content h1{
    font-size: 1.5rem;
    margin-bottom: 20px;
    font-weight: bolder;
    color: black;
}
.conteudo-a1 .content span{
    color: #fb429b;
    font-size: 1.5rem;
    text-shadow: 1px 1px 10px #ff97ca;
}
.conteudo-a1 .img-content img{
    position: relative;
    width: 620px;
    top: 7.5rem;
}
.conteudo-a1 .content > img {
    position: absolute;
    bottom: -4rem;
    width: 220px;

    filter: brightness(0) invert(1);
}
button{
    position: relative;
    width: 350px;
    font-size: 1rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
.protocolo {
    height: 50px;
}
.dados img {
    height: auto;
}
.dados span {
    font-size: 1rem;
}






.conteudo-a2{
    height: 775px;
    width: 100%;
}
.conteudo-a2 img{
    width: 200px;
}
.conteudo-a2 .part1 h2{
    width: 600px;
    font-size: .9rem;
    text-align: center;
}
.conteudo-a2 .text-part3 .group p{
    font-size: 1rem;
}







.conteudo-a3{
    height: 875px;
}
.conteudo-a3 .cima-msg h1{
    font-size: 1.5rem;
}
.conteudo-a3 .cima-msg p{
    font-size: 1.2rem;
    width: 1000px;
}
.conteudo-a3 .box{
    height: 200px;
    width: 400px;
    padding: 1rem;
}
.conteudo-a3 .box img{
    width: 150px;
}
.conteudo-a3 .box .text h3{
    font-size: 1rem;
}
.conteudo-a3 .box .text p{
    width: 200px;
    font-size: .8rem;
}



.conteudo-a4{
    width: 100%;
    height: 875px;
}
.mid img{
    width: 600px;
}
.conteudo-a4 .content > h1{
    gap: 1rem;
    width: 400px;
}
.conteudo-a4 .content > div{
    width: 400px;
}






.conteudo-a5{
    width: 100%;
    height: 775px;
}
.conteudo-a5 img{   
    width: 100px;
}
.conteudo-a5 .box-main{
    width: 1000px;
    gap: 5rem;
}
.conteudo-a5 .box{
    width: 200px;
    height: 200px;
}
.conteudo-a5 .box p{
    font-size: .8rem;
}
.conteudo-a5 .box .text{
    width: 150px;
    position: relative;
    bottom: 1rem;
}
.conteudo-a5 .mid i {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}





.conteudo-a6{
    height: 875px;
}
.conteudo-a6 .titulo img {
    width: 80px;
}
.conteudo-a6 .titulo h1{
    font-size: 1rem;
    font-weight: normal;
}
.conteudo-a6 .titulo h2{
    font-size: 1.5rem;
    color: white;
    background-color: #ff97ca;
    padding: .2rem .4rem;
    border-radius: .6rem;
}
.conteudo-a6 .titulo h3{
    font-size: 1.5rem;
}
.conteudo-a6 .mensagens h1{
    font-size: 2rem;
    font-weight: 700;
}
.conteudo-a6 .mensagens h2{
    font-weight: normal;
    font-size: 1.4rem;
}
.conteudo-a6 .mensagens h3{
    font-weight: bold;
    font-size: 1.5rem;
    color: #ff97ca;
}
.conteudo-a6 .mensagens h4{
    font-size: 5rem;
    font-weight: 1000;
    color: #ff97ca;
}
.conteudo-a6 .mensagens p{
    font-size: 1.5rem;
    font-weight: bold;
    color: #ff97ca;
}
.conteudo-a6 .mensagens span{
    font-size: 1.4rem;
}






.conteudo-a7{
    height: 975px;
}
.conteudo-a7 .content img{
    width: 400px;
}
.conteudo-a7 .content .texto{
    width: 400px;   
}
.conteudo-a7 .content .texto h1{
    font-size: 2rem;
}
.conteudo-a7 .content .texto p{
    font-size: 1.2rem;
}





.conteudo-a8{
    height: 675px;
}
.conteudo-a8 img{
    top: 6rem;
    width: 400px;
}
.conteudo-a8 h1{
    font-size: 3rem;
}
.conteudo-a8 p{
    font-size: 1.2rem;
    width: 400px;
}



.conteudo-a9{
    height: 1175px;
}
.conteudo-a9 img {
    width: 300px;
}
.conteudo-a9 h1{
    font-size: 1.5rem;
    width: 680px;
}
.conteudo-a9 h2{
    font-size: 2rem;
}
.conteudo-a9 p{
    font-size: 1.2rem;
    width: 1000px;
}


button.b_last{
    position: relative;
    width: 350px;
    font-size: 1rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
}

@media screen and (max-width: 1080px) {
.protocolo{
    width: 100%;
}
.cima{
    height: 40px;
    width: 100%;
}
.conteudo-a1{
    height: 675px;
    width: 100%;
}
.conteudo-a1 .content h1{
    font-size: 1.2rem;
    margin-bottom: 20px;
    font-weight: bolder;
    color: black;
}
.conteudo-a1 .content span{
    color: #fb429b;
    font-size: 1.2rem;
    text-shadow: 1px 1px 10px #ff97ca;
}
.conteudo-a1 .img-content img{
    position: relative;
    width: 500px;
    top: 7.5rem;
}
.conteudo-a1 .content > img {
    position: absolute;
    bottom: -4rem;
    width: 220px;

    filter: brightness(0) invert(1);
}
button.b_first{
    position: relative;
    width: 280px;
    font-size: .9rem;
    padding: .7rem 0;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
.protocolo {
    height: 50px;
}
.dados img {
    height: auto;
}
.dados span {
    font-size: 1rem;
}






.conteudo-a2{
    height: 775px;
    width: 100%;
}
.conteudo-a2 img{
    width: 200px;
}
.conteudo-a2 .part1 h2{
    width: 600px;
    font-size: .9rem;
    text-align: center;
}
.conteudo-a2 .text-part3 .group p{
    font-size: 1rem;
}








.conteudo-a3{
    height: 1275px;
    width: 100%;
}
.conteudo-a3 .cima-msg h1{
    font-size: 1rem;
}
.conteudo-a3 h2{
    font-size: 1rem;
}
.conteudo-a3 .cima-msg p{
    font-size: 1rem;
    width: 600px;
}
.main{
    width: 100%;
}
.conteudo-a3 .box-main{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.conteudo-a3 .box{
    height: 200px;
    width: 400px;
    padding: 1rem;
}
.conteudo-a3 .box img{
    width: 100px;
}
.conteudo-a3 .box .text h3{
    font-size: 1rem;
}
.conteudo-a3 .box .text p{
    width: 200px;
    font-size: .8rem;
}



.conteudo-a4{
    height: 875px;
    width: 100%;
}
.mid img{
    width: 400px;
}
.conteudo-a4 .content > h1{
    gap: 1rem;
    width: 400px;
}
.conteudo-a4 .content > div{
    width: 100%;
}






.conteudo-a5{
    width: 100%;
}
.conteudo-a5 img{   
    width: 100px;
}
.conteudo-a5 .box-main{
    width: 1000px;
    gap: 5rem;
}
.conteudo-a5 .box{
    width: 200px;
    height: 200px;
}
.conteudo-a5 .box p{
    font-size: .8rem;
}
.conteudo-a5 .box .text{
    width: 150px;
    position: relative;
    bottom: 1rem;
}
.conteudo-a5 .mid i {
    width: 40px;
    height: 40px;
    font-size: 1rem;
}





.conteudo-a6{
    height: 875px;
    width: 100%;
}
.conteudo-a6 .titulo img {
    width: 80px;
}
.conteudo-a6 .titulo h1{
    font-size: 1rem;
    font-weight: normal;
}
.conteudo-a6 .titulo h2{
    font-size: 1.5rem;
    color: white;
    background-color: #ff97ca;
    padding: .2rem .4rem;
    border-radius: .6rem;
}
.conteudo-a6 .titulo h3{
    font-size: 1.5rem;
}
.conteudo-a6 .mensagens h1{
    font-size: 2rem;
    font-weight: 700;
}
.conteudo-a6 .mensagens h2{
    font-weight: normal;
    font-size: 1.4rem;
}
.conteudo-a6 .mensagens h3{
    font-weight: bold;
    font-size: 1.5rem;
    color: #ff97ca;
}
.conteudo-a6 .mensagens h4{
    font-size: 5rem;
    font-weight: 1000;
    color: #ff97ca;
}
.conteudo-a6 .mensagens p{
    font-size: 1.5rem;
    font-weight: bold;
    color: #ff97ca;
}
.conteudo-a6 .mensagens span{
    font-size: 1.4rem;
}






.conteudo-a7{
    height: 975px;
    width: 100%;
}
.conteudo-a7 .content img{
    width: 300px;
}
.conteudo-a7 .content .texto{
    width: 250px;   
}
.conteudo-a7 .content .texto h1{
    font-size: 2rem;
}
.conteudo-a7 .content .texto p{
    font-size: 1.2rem;
}
button.b_a7{
    position: relative;
    width: 330px;
    font-size: 1.2rem;
    padding: .7rem .7rem;
}




.conteudo-a8{
    height: 575px;
    width: 100%;
}
.conteudo-a8 img{
    top: 7rem;
    width: 300px;
}
.conteudo-a8 h1{
    font-size: 2rem;
}
.conteudo-a8 p{
    font-size: 1rem;
    width: 400px;
}



.conteudo-a9{
    height: 1175px;
    width: 100%;
}
.conteudo-a9 img {
    width: 300px;
}
.conteudo-a9 h1{
    font-size: 1.5rem;
    width: 680px;
}
.conteudo-a9 h2{
    font-size: 2rem;
}
.conteudo-a9 p{
    font-size: 1.2rem;
    width: 500px;
}


button.b_last{
    position: relative;
    width: 350px;
    font-size: 1rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
}

@media screen and (max-width: 850px) {
.cima{
    height: 40px;
}
.cima > h1{
    font-size: 1rem;
}
.conteudo-a1{
    height: 875px;
    background: url("../img/background2.png") no-repeat center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 2rem;

    position: relative;
}





.conteudo-a2{
    height: 975px;
    width: 100%;
}
.conteudo-a2 img{
    width: 200px;
}
.conteudo-a2 .part1 h2{
    width: 600px;
    font-size: .9rem;
    text-align: center;
}
.conteudo-a2 .text-part3 .group p{
    font-size: 1rem;
}




.conteudo-a4{
    height: 975px;
    background-color: white;
    color: black;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;

    gap: 5rem;
}
.mid{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;

    gap: 5rem;
    width: 100%;

}






.conteudo-a5{
    width: 100%;
    height: 785px;
}
.conteudo-a5 .box-main{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    gap: 5rem;
}
.conteudo-a5 .box{
    width: 150px;
    height: 150px;
}
.conteudo-a5 h1{
    font-size: 2rem;
    width: 100%;
    text-align: center;
}
.conteudo-a5 img{
    width: 40px;
}
.conteudo-a5 .box .text{
    width: 130px;
}




.conteudo-a6{
    height: 875px;
}
.conteudo-a6 .mensagens{
    text-align: center;
    width: 400px;
}
.conteudo-a6 .titulo img {
    width: 80px;
}
.conteudo-a6 .titulo h1{
    font-size: 1rem;
    font-weight: normal;
}
.conteudo-a6 .titulo h2{
    font-size: 1.2rem;
    color: white;
    background-color: #ff97ca;
    padding: .2rem .4rem;
    border-radius: .6rem;
}
.conteudo-a6 .titulo h3{
    font-size: 1.2rem;
}
.conteudo-a6 .mensagens h1{
    font-size: 1.4rem;
    font-weight: 700;
}
.conteudo-a6 .mensagens h2{
    font-weight: normal;
    font-size: 1.2rem;
}
.conteudo-a6 .mensagens h3{
    font-weight: bold;
    font-size: 1.2rem;
    color: #ff97ca;
}
.conteudo-a6 .mensagens h4{
    font-size: 3rem;
    font-weight: 1000;
    color: #ff97ca;
}
.conteudo-a6 .mensagens p{
    font-size: 1.2rem;
    font-weight: bold;
    color: #ff97ca;
}
.conteudo-a6 .mensagens span{
    font-size: 1.2rem;
}






.conteudo-a7{
    height: 1175px;
    background-color: white;
    color: black;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;

    gap: 5rem;
}
.conteudo-a7 .content{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;

    gap: 10rem;
}
.conteudo-a7 .content img{
    width: 300px;
}
.conteudo-a7 .content .texto{
    width: 300px;   
}
.conteudo-a7 .content .texto h1{
    font-size: 2rem;
}
.conteudo-a7 .content .texto p{
    font-size: 1.2rem;
}
button.b_a7{
    position: relative;
    width: 330px;
    font-size: 1.2rem;
    padding: .7rem .7rem;
}




.conteudo-a8{
    height: 960px;
    background: linear-gradient(to bottom right, #E16FA2, #9F0E5D);
    color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    position: relative;

    gap: 5rem;
}
.conteudo-a8 img{
    top: 7rem;
    width: 300px;
}
.conteudo-a8 h1{
    font-size: 2rem;
}
.conteudo-a8 p{
    font-size: 1rem;
    width: 400px;
}






.conteudo-a9{
    height: 1175px;
}
.conteudo-a9 img {
    width: 300px;
}
.conteudo-a9 h1{
    font-size: 1.5rem;
    width: 360px;
}
.conteudo-a9 h2{
    font-size: 2rem;
}
.conteudo-a9 p{
    font-size: 1.2rem;
    width: 500px;
}


button.b_last{
    position: relative;
    width: 350px;
    font-size: 1rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
}

@media screen and (max-width: 640px) {
.cima{
    height: 40px;
}
.cima > h1{
    font-size: .8rem;
}
.conteudo-a1{
    width: 100%;
    height: 700px;
    background: url("../img/background2.png") no-repeat center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 2rem;

    position: relative;
}
.conteudo-a1 .img-content img{
    position: relative;
    width: 320px;
    top: 5rem;
}





.conteudo-a2{
    height: 1275px;
    width: 100%;
    background-color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.conteudo-a2 .part2{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    width: 100%;
}
.conteudo-a2 .part1 h2{
    width: 300px;
    font-weight: normal;
    font-size: 1rem;
    text-align: center;
}
.conteudo-a2 .text-part3{
    font-size: 1rem;
    width: 300px;
}
.conteudo-a2 .text-part3 .group{
    font-size: 1rem;
    width: 100%;
}
.conteudo-a2 .part1 h1{
    color: #E16FA2;
    font-size: 1.4rem;
}
.conteudo-a2 .part3-end{
    width: 100%;
}
.conteudo-a2 .part3-end p{
    width: 100%;
}
.conteudo-a2 .part3-end h1{
    width: 100%;
    font-size: 1.4rem;
}


.conteudo-a3 .cima-msg h1{
    font-size: 1.5rem;
}
.conteudo-a3 .cima-msg p{
    font-size: 1rem;
    width: 400px;
}
.conteudo-a3 .box{
    background-color: #00000036;
    height: 150px;
    width: 300px;
    border-radius: 1rem;
    padding: 1rem;

    display: flex;
    align-items: center;
    justify-content: space-around;
}
.conteudo-a3 .box img{
    width: 80px;
}
.conteudo-a3 .box .text h3{
    font-size: 1rem;
}
.conteudo-a3 .box .text p{
    width: 150px;
    font-size: .8rem;
}



.conteudo-a4{
    height: 975px;
    background-color: white;
    color: black;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;

    gap: 5rem;
}
.conteudo-a4 .content p{
    font-size: .9rem;
}
.conteudo-a4 .content > h1{
    gap: 1rem;

    width: 350px;
}
.mid{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;

    gap: 5rem;
    width: 100%;
}
.mid img{
    width: 300px;
}



.conteudo-a5 h1{
    font-size: 1.4rem;
    width: 100%;
    text-align: center;
}




button.b_a7{
    position: relative;
    width: 240px;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;  
}







.conteudo-a8{
    height: 960px;
    background: linear-gradient(to bottom right, #E16FA2, #9F0E5D);
    color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    position: relative;
    width: 100%;

    gap: 5rem;
}
.conteudo-a8 img{
    top: 10rem;
    width: 250px;
}
.conteudo-a8 h1{
    font-size: 1.5rem;
}
.conteudo-a8 p{
    font-size: 1rem;
    width: 300px;
}
button.b_last_antes{
    position: relative;
    width: 240px;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;   
}



.conteudo-a9{
    height: 1175px;
}
.conteudo-a9 img {
    width: 200px;
}
.conteudo-a9 h1{
    font-size: 1.5rem;
    width: 350px;
}
.conteudo-a9 h2{
    font-size: 2rem;
    width: 350px;
}
.conteudo-a9 p{
    font-size: 1.2rem;
    width: 350px;
}


button.b_last{
    position: relative;
    width: 280px;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
}

@media screen and (max-width: 440px) {
.cima{
    height: 40px;
}
.cima > h1{
    font-size: .8rem;
}
.conteudo-a1{
    height: 700px;
    background: url("../img/background2.png") no-repeat center;
    background-size: cover;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    gap: 2rem;

    position: relative;
}
.conteudo-a1 .img-content img{
    position: relative;
    width: 320px;
    top: 5rem;
}





.conteudo-a2{
    height: 1275px;
    width: 100%;
    background-color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.conteudo-a2 .part2{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    width: 100%;
}
.conteudo-a2 .part1 h2{
    width: 300px;
    font-weight: normal;
    font-size: 1rem;
    text-align: center;
}
.conteudo-a2 .text-part3{
    font-size: 1rem;
    width: 300px;
}
.conteudo-a2 .text-part3 .group{
    font-size: 1rem;
    width: 100%;
}
.conteudo-a2 .part1 h1{
    color: #E16FA2;
    font-size: 1.4rem;
}
.conteudo-a2 .part3-end{
    width: 100%;
}
.conteudo-a2 .part3-end p{
    width: 100%;
}
.conteudo-a2 .part3-end h1{
    width: 100%;
    font-size: 1.4rem;
}


.conteudo-a3{
    width: 100%;
}
.conteudo-a3 .cima-msg{
    width: 200px;
}
.conteudo-a3 .cima-msg h1{
    font-size: 1.5rem;
}
.conteudo-a3 .cima-msg p{
    font-size: 1rem;
    width: 200px;
}
.conteudo-a3 .box{
    background-color: #00000036;
    height: 150px;
    width: 300px;
    border-radius: 1rem;
    padding: 1rem;

    display: flex;
    align-items: center;
    justify-content: space-around;
}
.conteudo-a3 .box img{
    width: 80px;
}
.conteudo-a3 .box .text h3{
    font-size: 1rem;
}
.conteudo-a3 .box .text p{
    width: 150px;
    font-size: .8rem;
}



.conteudo-a4{
    height: 975px;
    background-color: white;
    color: black;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;

    gap: 5rem;
}
.conteudo-a4 .content p{
    font-size: .9rem;
}
.conteudo-a4 .content > h1{
    gap: 1rem;

    width: 350px;
}
.mid{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;

    gap: 5rem;
    width: 100%;
}
.mid img{
    width: 300px;
}
.conteudo-a4 .content{
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
    width: 300px;
    gap: 2rem;
}
.conteudo-a4 .content > h1{
    gap: 1rem;

    width: 300px;
}
.conteudo-a4 .content p{
    gap: 1rem;

    width: 300px;
}


.conteudo-a5 h1{
    font-size: 1.4rem;
    width: 300px;
    text-align: center;
}




.conteudo-a5{
    width: 100%;
    height: 775px;
}
.conteudo-a5 .box-main{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    gap: 5rem;
}

.conteudo-a6{
    height: 975px;
}
.conteudo-a6 .titulo h1{
    font-size: 1.2rem;
    font-weight: normal;
}
.conteudo-a6 .mensagens{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 300px;
    gap: 2rem;
}

button.b_6{
    position: relative;
    width: 240px;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;  
}





button.b_a7{
    position: relative;
    width: 240px;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;  
}







.conteudo-a8{
    height: 960px;
    width: 100%;
    background: linear-gradient(to bottom right, #E16FA2, #9F0E5D);
    color: white;

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column-reverse;
    position: relative;

    gap: 5rem;
}
.conteudo-a8 img{
    top: -.5rem;
    width: 250px;
}
.conteudo-a8 h1{
    margin-top: 10rem;
    font-size: 1.5rem;
}
.conteudo-a8 p{
    font-size: 1rem;
    width: 100%;
}
button.b_last_antes{
    position: relative;
    width: 150%;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;   
}



.conteudo-a9{
    height: 1175px;
}
.conteudo-a9 img {
    width: 200px;
}
.conteudo-a9 h1{
    font-size: 1.5rem;
    width: 260px;
}
.conteudo-a9 h2{
    font-size: 2rem;
    width: 280px;
}
.conteudo-a9 p{
    font-size: 1.2rem;
    width: 280px;
}


button.b_last{
    position: relative;
    width: 100%;
    font-size: .8rem;
    padding: 1rem;
    color: white;
    background-color: #DAA520;

    border-radius: 5rem;

    animation: pulse-btn 1.5s ease-in-out infinite;
    box-shadow: 0 0 5px #C5A253;
    transition: transform 0.3s ease-in-out;

    font-weight: 600;
}
}

@media screen and (max-width: 385px) {
.conteudo-a5{
    width: 100%;
    height: 1575px;
}
}