.intro.container.principals-message {
    padding-top: 0 !important;
    max-width: unset;
}

.message, .faq {
    letter-spacing: .3px;
    line-height: 2rem;
}

.intro.container.principals-message .message {
    width: 60%;
    padding-top: 1rem;
    text-align: justify;
    margin: auto;
}

.intro.container.principals-message .faq {
    width: 85%;
    padding-top: 1rem;
    text-align: justify;
    margin: auto;
}

.principals-message > h1, .principals-message > h4 {
    padding: 2rem;
    background-color: rgba(167, 167, 167, 0.28);
}

.principals-message > h4 {
    text-align: center;
    padding: .5rem .5rem .5rem 1rem;
}

h1 {
    text-align: center;
    font-weight: bold;
    padding-bottom: 1rem;
    margin-bottom: 0 !important;
}

.row.principal-photo {
    justify-content: center;
    margin: auto;
    padding-top: 2rem;
}

.margin-right-0 {
    margin-right: 0 !important;
}

/**/
.accordion {
    /*  margin-top: 40px;
    */
}

.accordion .card {
    border: none;
    margin-bottom: 20px;
}

.accordion .card h2 {
    background: url('../images/up.png') no-repeat calc(100% - 10px) bottom;
    background-size: 20px;
    cursor: pointer;
    font-size: 15px;
}

.accordion .card h2.collapsed {
    background-image: url('../images/down.png');
}

.card.faq-card.blue .card-head.faq-head {
    background-color: #00247d;
}

.card.faq-card.red .card-head.faq-head {
    background-color: #cb2822;
}

.card-head.faq-head {
    color: #fff;
    padding: 20px;
    height: 80px;
    width: 90%;
    margin: auto auto 1rem;
    border-radius: 10px;
    box-shadow: 3px 3px 4px 0 #4c424294;
}

.accordion .card.faq-card {
    border: none;
    margin-bottom: 1rem;
}

.accordion .card-body {
    width: 90%;
    padding: 10px 15px !important;
    border: 1px solid #3c3c3c14;
    margin: auto auto .5rem;
    box-shadow: 3px 3px 4px 0 rgba(76, 66, 66, 0.37);
    border-radius: 10px;
}

.card-body p {
    font-size: 14px;
    line-height: 22px;
}