@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

html,
body {
    font-family: 'Open Sans', sans-serif !important;
    background-image: url(/dist/img/background.jpg);
    background-color: #ddd;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.container {
    width: auto;
    max-width: 95%;
    padding: 0 15px;
}

.content {
    background-color: #ffff;
    padding: 12px;
    padding-bottom: 20px;
    border-radius: 8px;
    opacity: .98; 
}

.footer {
    background-color: #13ab8e;
    color: #fff;
}
.footer a {
    color: #fff;
}
.footer a:link {
    color: #fff;
}
.logo-pmc {
    max-height: 280px;
    text-align: center;
}

.logo-pmc img {
    max-height: 280px;
    text-align: center;
}

.link-home {
    text-decoration: none !important;
}

.menu-site:hover {
    border: 3px solid #f2f2f2;
    cursor: auto;
}

.bg-button { background-color: #F3FAF9; }
.bg-button-active { background-color: #1A9678; color: #fff; }
.bg-button-active a { color: #fff !important; }
.card-body {
    padding: 1rem !important;
}