html,
body {
    height: 100%;
}

/* background-color: #343a40; */
body {
    font-size: 18px;
    color: #000;
    font-family: 'Open Sans', sans-serif;
    background-color: #fff;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a.text-link-reg {
    color: #000;
    font-size: 14px;
}

.text-title {
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -1px;
}

.text-fluid-lg {
    font-size: 1.65rem;
}

.text-subtitle {
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.text-bb {
    font-weight: 600;
    text-transform: uppercase;
}

.text-content-sm {
    font-size: 14px;
}

.space-top {
    height: 80px;
}

.mb-lg {
    margin-bottom: 2rem !important;
}

.mb-sm {
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 768px) {
    .text-title {
        font-size: 1.5rem;
        font-weight: 600;
        letter-spacing: -1px;
    }

    .text-fluid-lg {
        font-size: 2rem;
    }

    .text-subtitle {
        font-size: 14px;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .space-top {
        height: 100px;
    }
    
    .mb-lg {
        margin-bottom: 2.5rem !important;
    }
}

.accordion .card-header:after {
    font-family: 'FontAwesome';  
    content: "\f068";
    float: right; 
}
.accordion .card-header.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.card {
    border: none;
    background-color: #fff;
}

.card-header {
    background-color: transparent;
    border-bottom: none;
    cursor: pointer;
    padding: .75rem 0;
}

.card-body {
    border: 1px solid #343a40;
}

.table {
    width: 50%;
    max-width: 50%;
}

.table td {
    border-top: none;
}

.img-logo {
    padding: 20px;
}

.link-a-sm {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    background-image: linear-gradient(#000, #000);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0% 1px;
    transition: background-size .3s;
    padding-bottom: 2px;
}

.link-a-sm:hover,
.link-a-sm:focus,
.link-a-sm:active {
    color: #000;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    background-size: 100% 1px;
    cursor: pointer;
}