@import url(navbar_pags.css);

/* Estilização da NavBar */
body{
    color: #8F3863;
}
#botao{
    color: #8F3863;
}
#navbar{
    padding-top: 5px;
}
#logo{
    width: 140px;
    height: 90px;
    margin-right: 10%;
    margin-left: 10%;
}
#ul{
    width: 100%;
}
#lista{
    margin: 0% 2% 0% 2%;
    
}
#itens{
    color: #8F3863;
    font-size: 20px;
}

#imgitens{
    margin: 0px 30px 0px 30px; 
}
#down{
    width: 20px;
}

/*Estilização para telas grandes*/
@media screen and (min-width: 577px) { 
    #corpo{
        margin: 0% 1% 0% 2%;
    }
    #titulo{
        color: #8F3863;
        background-color: #eee6ea;
        width: fit-content;
        border-radius: 2px;
        margin: 40px 0px 40px 30px;
        padding: 1% 55% 1% 1%;
    }
    #text{
        width: 60%;
        text-align: justify;
        padding-left: 4%;
        float: left;
    }
    #imgright{
        margin-top: -8%;
        margin-right: -1%;
    }
    #descricao{
        float: right;
    }
}

/*Estilização para telas pequenas*/
@media screen and (max-width: 576px) { 
    #titulo{
        color: #8F3863;
        background-color: #eee6ea;
        border-radius: 2px;
        margin: 10px 10px 10px 3%;
        padding: 1% 0% 1% 2%;
    }
    #text{
        width: fit-content;
        text-align: justify;
        margin: 0px 15px 0px 15px;
        float: left;
    }
    #itens{
        margin: 0px 0px 0px 30px;
    }
    #imgitens{
        margin: 0px 0px 0px 30px;
    }
    #imgleft{
        margin-left: 3%;
        margin-bottom: 1%;
    }
}