.loguito{
    width:90%;
    height:110%;
}
.logo{
    z-index: 1;
    position: absolute;
    align-self: top;
    padding-top: 1%;
    padding-left: 1%;
   animation: ease;
}
.texto{
    text-align: left;
    padding-left: 15%;
    font-size: 130px;
    font-family: cursive;
}
.parrafo{
    text-align: center;
    font-size: 30px;
    font-family: cursive;
}
.colorR{
    color:#cb1d25;
}
.colorA{
    color:#003764;
}
.btn-primaryPgt{
    background:#cb1d25;
    color:white;
    font-size: 20px;
    
}
.btn-primaryPgt:hover{
    color: #003764;
} 
body{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 5%;
    padding-bottom: 9.45%;
    background-image: url(../images/fondo404.png);
}


  .fade-in {
    animation: fadeIn ease 1s;
    -webkit-animation: fadeIn ease 1s;
    -moz-animation: fadeIn ease 1s;
    -o-animation: fadeIn ease 1s;
    -ms-animation: fadeIn ease 1s;
    }
    @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
    }
    
    @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
    }
    
    @-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
    }
    
    @-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
    }
    
    @-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
    }