body {
    font-family: Arial, Helvetica, sans-serif;
/*    margin: 0;
    margin-bottom: 40px;*/
}

/* Set padding to keep content from hitting the edges */
.body-content {
/*    padding-left: 15px;
    padding-right: 15px;*/
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    /*max-width: 280px;*/
}

.section {
    height: 100%;
/*    animation: myAnim 1s ease 0s 1 normal forwards;*/
}


.section-titulo {
    width: 100%;
    color: #4920a0;
    font-weight: 500;
    background: #4920a0 center center no-repeat;
    background-size: cover;
}

    .section-titulo .titulo {
        color: #fff;
        margin-bottom: 0;
        flex: 1;
        
    }

p {
    color: #4e4d51;
    text-align: justify;
}

.card:hover {
    box-shadow: 5px 4px 7px 0px #C7C7C7;
}

.navbar-collapse {
    flex-grow: 0 !important;

}


@keyframes myAnim {
    0% {
        opacity: 0;
        transform: translateX(-250px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

h1 {
    animation: myAnim 1s ease 0s 1 normal forwards;
}

.section-parrafo h3 {
    animation: myAnim 1.5s ease 0s 1 normal forwards;
}
.section-parrafo p {
    animation: myAnim 2s ease 0s 1 normal forwards;
}

.card {
    animation: card 1s ease 0s 1 normal forwards;
}


@keyframes card {
    0% {
        animation-timing-function: ease-in;
        opacity: 0;
        transform: translateY(-250px);
    }

    38% {
        animation-timing-function: ease-out;
        opacity: 1;
        transform: translateY(0);
    }

    55% {
        animation-timing-function: ease-in;
        transform: translateY(-65px);
    }

    72% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    81% {
        animation-timing-function: ease-in;
        transform: translateY(-28px);
    }

    90% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }

    95% {
        animation-timing-function: ease-in;
        transform: translateY(-8px);
    }

    100% {
        animation-timing-function: ease-out;
        transform: translateY(0);
    }
}

.pError {
    color: #f44336;
    margin-top: 3px;
    font-size: .8rem;
    margin-bottom: 0px;
}

.accordion {
    animation: card 1s ease 0s 1 normal forwards;
}