/* Carousell */
@keyframes apareceIN {

    /* You could think of as "step 1" */
    0% {
        opacity: 0;
        transform: scale(0);
    }

    /* You could think of as "step 2" */
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes moveInbtn {

    /* You could think of as "step 1" */
    0% {
        top: 0;
     
    }

    /* You could think of as "step 2" */
    100% {
        top: -30px;
   
    }
}

/*MENU*/
#navbarResponsive > ul > li > a{
    text-align: center;
}
/*header*/
/* .masthead .container .encabezado {
    height: 100vh;
} */

.logo_gr img {
    margin-bottom: 5rem;
    margin-top: 12rem;
    width: 50%;
    animation: apareceIN 4s ease;
}
#page-top > header > div > div.col-sm-12.encabezado > a{
    opacity: 0;
    animation: apareceIN 4s forwards .7s;
}




/* Servicios portfolio-modal*/



/*
.mi-img {
   width: 100%; 
   background-size: cover;
   background-position: bottom;
}*/

.parrafito {
    text-align: justify;
    padding-bottom: .6rem;
    padding-top: .6rem;
}



/* Descargas*/
#descargas .descargar {
    padding-bottom: 3rem;
    text-decoration: none;
    
}

#descargas .descargar a {
    color:black;
    text-decoration: none;
}

#descargas .descargar a:hover,
a:focus{
    color: #fe3636;
}

#descargas .descargar a:hover .fa-stack {
    animation: moveInbtn .2s forwards;
}



#descargas div .row {
    animation: apareceIN 2s ease;
}


#about .timeline>li .timeline-image {
    background-color: black;
}

#links button{
    color: black;
}
#links button:hover,
#links button:link
#links button:active,
#links button:visited {
    text-decoration: none;

}
#links button:focus {
    text-decoration: none;
    color:#fe3636;
}