.box-externo{
    position: absolute;
    top: 25%;
    left: 25%;
    width: 50%;
    height: 50%;
    border: 1px solid black;
    display: table;
}

.box-interno{
    padding: 30px;
    vertical-align:middle;
    display:table-cell ;
}
.sidebar{
    position: absolute;
    width: 15%;
    top: 25%;
}
.sidebar .list-group .list-group-item.atual{
    color: #0d6efd;
}
.small small{
    font-size: 12px;
    color: tomato;
}
.tomato{
    color: tomato;
}
.destaque{
    color: #0d6efd;
}
body .conteudo{
    margin-left: 16%;
}
body .conteudo-main{
    padding: 15px;
}

.links .box{
    padding: 15px;
    border: 1px solid #0d6efd;
}
.links div a{
    text-decoration: none;
}


@media (max-width:768px) {

    .box-externo{
        position: absolute;
        top: 0;
        left: 5%;
        width: 85%;
        height: 100%;
        border: none;
        display: table;
    }
    
    .box-interno{
        padding: 15px;
        vertical-align:middle;
        display:table-cell ;
    }
    .sidebar{
        position: initial;
        width: 90%;
        margin: 5%;
    }

}