body {
width: 100%;
height: auto;
margin: 0;
padding: 0;

}

/* Reset da Página */
#cp-manutencao h1,h2,h3,h4,p,a{font-family: 'Open Sans', sans-serif;}
#cp-manutencao h1{font-size: 17.5px;}
#cp-manutencao p{ font-size: 14px;}
#cp-manutencao a { font-size: 14px;}

#cp-manutencao{
    width: 100%;
    max-width: 1280px;
    padding: 24px;
}

/* Container  Responsável pelo Alinhamento dos Blocos 1 e 2*/
.content-container{
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0;
    padding: 0;
}


/* Lista de ícones */
.content-container ul{
    width: 100%;
    list-style-type: none;
    padding: 0;
    margin: 0 0 24px 0;
    display: flex; flex-direction: row; justify-content: center; align-items: center;
}

.content-container li{
    width: 100%;
    max-width: 120px;
    list-style: none; 
    height: 48px; 
    margin: 0 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.content-container ul li a{
    /* Links das Categorias */
    text-decoration: none;
    color: #C20E1A;
    font-weight: bolder;
    width: 100%;
    height: 48px;
    display: flex; flex-direction: row; justify-content: center; align-items: center;
}


    /* Botão Ir as compras */
    a.button-ir-compras{
        width: 100%;
        height: 48px;
        background: #C20E1A 0% 0% no-repeat padding-box;
        border-radius: 4px;
        color: #ffffff;
        font-weight: bold;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        text-decoration: none;
        cursor: pointer;
        
    }

    @media screen and (max-width: 768px) {

        #cp-manutencao{
            max-width: 100%;
        }


        .content-container ul{flex-direction: column;}
        .content-container li{max-width: 100%; border-bottom: 1px solid #BDBDBD;}

    }