.banner {
   width: 100%; 
}

.container_banner {
    padding-left: 0;
    padding-right: 0;
    margin: 0;
}

.banner img {
    width: 100%;
}

.apresentacao {
    background-color: rgb(31, 199, 149);
}

.apresentacao img {
    width: 100%;
    height: 100%;
}

.apresentacao h2 {
    font-size: 3.125rem;
    color: rgb(0, 0, 0);
    width: 100%;
}

.apresentacao p {
    font-size: 1.5625rem; 
    text-align: justify;
}

.explicacao_container {
    background-color: rgb(27, 156, 118);
}

.explicacao_container img {
    border-radius: 15px;
}

.explicacao_container h3 {
    font-size: 2.5rem; 
}

.explicacao_container p {
    font-size: 1.25rem; 
    text-align: justify;
}

.icones {
    width: 100%;
    height: 100%;
    border: solid 10px #e3ffc8 !important;
    border-radius: 20px;
}

.icones img {
    border-radius: 8px;
}

.resumo {
    background-color: rgba(0, 0, 0, 0);
    color: rgba(255, 255, 255, 0);
    transition: 0.4s;
}

.resumo:hover {
    background-color: rgba(16, 1, 39, 0.7);
    color: white;
}

.aplicativos {
    background: linear-gradient(180deg, rgba(86,0,150,1) 0%, rgb(69, 73, 156) 100%);
}

.aplicativos p {
    font-size: 1.125rem; 
}

.aplicativos h2 {
    font-size: 3.125rem;
    width: 100%;
    text-align: center;
    color: white;
}

@media (max-width: 424px) {

    .apresentacao h2 {
        text-align: center;
        font-size: 2.5rem; 
    }

    .apresentacao p {
        text-align: center;
        font-size: 1.25rem; 
    }

    .aplicativos h2 {
        font-size: 1.875rem; 
    }

    .aplicativos p {
        font-size: 1rem; 
    }
}