/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
    .font-resp {
        font-size: 13px;
    }

    .title-resp {
        font-size: 16px;
    }

    p.card-title.font-weight-bold.text-sm{
        font-size: .8rem;
    }

    div.card-body.card-prof{
        text-align: center;
        margin-top: -20px;
    }
}

#footer {
    background-color: #ccc
}

.title{
    color: #3557a1;
}

ol.breadcrumb{
    background-color: #eef4fd;
}

.space {
    padding-top: 50px;
    padding-bottom: 50px
}

#navbarHeader {
    background-color: #bdc3c7
}

.footer-topo {
    border-top: 1px solid #ccc
}

.space-footer {
    padding-top: 20px
}

#form-consulta {
    background-color: #bdc3c7
}

div.col-6.col-md-3{
    padding-top: 16px;
}

.title-menu{
    font-size: 1rem;
    color: #00013f;
}

#footer-color{
    background-color: #f2f2f3;
}