.slideshow .col:first-child > span > * {
    opacity: 0;
}

.slideshow .col:first-child > span:first-child > * {
    animation: fadeText .5s ease 0.3s forwards;
}

.slideshow .col:first-child > span:nth-child(2) > * {
    animation: fadeText .5s ease 1.2s forwards;
}

.slideshow .col:first-child > span {
    position: relative;
    overflow: hidden;
    text-align: center;
}

.slideshow .col:first-child > span:first-child::before {
    animation: flash 1s ease 0s forwards;
}

.slideshow .col:first-child > span:nth-child(2)::before {
    animation: flash 1s ease 1s forwards;
}

.slideshow .col:first-child > span::before {
    content: "";
    width: 100%;
    height: 91px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.slideshow .col:last-child img {
    position: relative;
    top: 0;
}

nav .btn-contact {
    margin: auto;
}

@media(min-width: 64rem){
    .menu-principal li {
        position: relative;
    }

    .menu-principal li:hover::before {
        content: "";
        width: 80%;
        transition: .2s all ease;
        border-color: #0d6efd;
    }
    
    .menu-principal li::before {
        content: "";
        position: absolute;
        bottom: 0;
        z-index: 1;
        border-width: 2px;
        width: 0;
        border: 2px solid transparent;
        left: 0;
        right: 0;
        border-radius: 119px;
        transition: .2s all ease;
        margin: auto;
    }

    nav .btn-contact {
        margin: inherit;
    }

    .slideshow .col:first-child > span {
        text-align: inherit;
    }
}

@keyframes fadeText {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        background: #198754;
        top: -100px;
    }
    100% {
        background: #198754;
        top: 210px;
    }
}