/* eliminar as margens de todas as marcas (asterisco) */
* {
    margin: 0;
}


@font-face {
    font-family: univers;
    src: url(fontes/UniversLTStd.otf);
    font-weight: normal;
}



@font-face {
    font-family: univers;
    src: url(fontes/UniversLTStd-Bold.otf);
    font-weight: bold;
}



h1 {
    color: rgb(210, 35, 42);
    font-size: 60px;
    font-family: univers, sans-serif;
}



h2 {
    color: rgb(210, 35, 42);
    font-size: 30px;

    margin-bottom: 15px;

    font-family: univers, sans-serif;
}


h3 {
    color: rgb(129, 20, 24);
    font-size: 20px;

    margin-bottom: 20px;

    font-family: univers;
}


p {
    margin-top: 20px;
    margin-bottom: 20px;

    font-family: univers;

    line-height: 28px;
}

#subtitulos {
    font-family: univers;
    font-weight: 700;
}



img,
iframe {
    width: 100%;
}



.div-pai {
    background-color: rgb(157, 202, 236);
    width: 80%;
    margin-left: auto;
    margin-right: auto;


    margin-left: auto;
    margin-right: auto;

    padding: 50px;

}


.div-filho {
    background-color: rgb(255, 255, 255);


    padding: 30px;

    margin-bottom: 50px
}


#cabeca {
    background-color: rgb(255, 255, 255);

    padding: 30px;

    border-bottom-style: solid;
    border-color: rgb(210, 35, 42);

    margin-bottom: 50px;

}



#bunda {
    background-color: rgb(255, 255, 255);


    padding: 30px;

    border-top-style: solid;
    border-color: rgb(210, 35, 42);

    margin-bottom: 50px;
}

#logo {
    width: 150px;
}

#estilo {
    width: 200px;
}


#inovacao {
    margin-top: 30px;
}

#pipipipopopo {
    display: flex;
    align-items: center;
    gap: 30px;
}

.imagemsep img {
    width: 300px;
    height: auto;

}


#numerado {

    font-family: univers;
    font-weight: bold;

}


@media (max-width: 768px) {

    #pipipipopopo {
        flex-direction: column;
    }

    .imagem img {
        width: 100%;
    }
}