body {
    font-family: 'Roboto Slab', serif;
}

.largura{
    width: 1400px;
    height: auto;
}
/* Estilo para tablets (telas médias) */
@media (max-width: 1024px) {
    .largura {
        width: 90%; /* Ajusta a largura para 90% da tela */
        max-width: 1000px; /* Define um limite máximo */
    }
}

/* Estilo para celulares (telas pequenas) */
@media (max-width: 768px) {
    .largura {
        width: 100%; /* Ajusta a largura para 100% da tela */
        max-width: 600px; /* Define um limite máximo */
    }
}

/* Estilo para telas muito pequenas */
@media (max-width: 480px) {
    .largura {
        width: 100%; /* Ajusta a largura para 100% da tela */
        padding: 10px; /* Adiciona um pouco de espaçamento interno */
        max-width: 100%; /* Garante que a largura não exceda 100% */
    }
}

.bg-transparent {
    background-color: transparent;
}

.content {
    margin-top: 20px;
}

table {
    width: 100% !important;
}

.margin-top-50 {
    margin-top: 50px;
}

.main-0 {
    max-width: 180px;
}

.topo {
    background-color: #bb9107;
}

a.list-group-item {
    text-align: center;
    font-size: 15px;
}

.pag {
    text-align: center;
}

.useful {
	background: linear-gradient(175deg, rgba(224,200,138,1) 0%, rgba(231,224,206,1) 51%, rgba(224,200,138,1) 100%);
    padding: 10px;
    margin-top: 10px;
    text-align: center;
    color: #161616;
    box-shadow: 3px 3px 3px #adadad;
    border-radius: 10px;
    width: 100%; /* Ajusta para ocupar a largura total da coluna */
    height: 150px; /* Defina a altura desejada */
    display: flex;
    flex-direction: column;
    justify-content: center; /* Centraliza verticalmente o conteúdo */
    align-items: center; /* Centraliza horizontalmente o conteúdo */
}

@media (max-width:425px) {
    .useful {
        font-size: 15pt;
    }
}

.useful:hover {
    background-color: #356186;
}

.main-0-link {
    color: black;
}

.main-0-link:focus,
.main-0-link:hover {
    text-decoration: none;
    color: steelblue;
}

.m-icon {
    position: relative;
    top: 50px;
}

.subtext-main-icons {
    text-align: center;
    font-size: 12pt;
    font-weight: 300;
}

.large-icon {
    font-size: 3em;
    color: white;
    text-align: center;
    border-radius: 50%;
    box-shadow: 3px 3px 3px #adadad;
    height: 180px;
    padding: 15px;
}

.text-main-icons {
    font-size: 20pt;
    text-align: center;
}

.bg-steelblue {
    background-color: steelblue;
}

.bg-gold-soft {
    background: linear-gradient(175deg, rgba(224,200,138,1) 0%, rgba(231,224,206,1) 51%, rgba(224,200,138,1) 100%);
    color: #161616;
}

.smaller-font {
    font-size: smaller;
    font-weight: 300;
}

.title-badge {
    font-size: 20px;
    font-weight: 300;
    background-color: green;
    margin: 5px;
}

.collapse-submenu {
    position: absolute;
    left: 10px;
    width: 87% !important;
}