body{
    height:800px;
}

@media only screen and (max-width: 900px) {

     .imagenIndex{
         display: none;
     }
}     

.typed{
    padding-top: 4mm;
    margin-left: 30vw;
    font-size: 20px;
    color: rgb(132, 172, 218);
    font-family: "Tangerine";
    position:absolute;
 }
 
 .bajoImagen{
     display:flex;
     align-items:center;
 }
 
 @font-face {
            font-family: flama;
            src: url('/wamp642\www\PORTAL HOSTING\FLAMA\Flama/Flama Regular.otf'), 
                 url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Bold.otf'), 
                 url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Bold.otf'),
                 url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Book.otf'), 
                 url('/wp-content/themes/raisedRealTheme/fonts/Verlag-Light.otf'),
                 url('/wp-content/themes/raisedRealTheme/fonts/Verlag-XLight.otf');
        }

.recomendamos{
    color: rgb(132, 172, 218);
    Font-size: 2em;
    font-family: flama;
}
 
.naveg{
    width: 11vw;
}

 .imagenIndex2{
         display: none;
 }
 
.row{
    display: flex;
    width: 100vw;
    text-align:center;
    align-items: justify;
}
 
a > .text-danger{
         font-size: 3em;
}
a > .text-primary{
         font-size: 3em;
}

h1 {
     font-size: 2em;
}
 
.flechazo {
    margin-left:10vw;
    color: rgb(132, 172, 218);
}
 
span {
     font-size: 20px;
}

.lead {
         font-size: 2em;

     }
     
.logocgoficial {
width:9em;
}

.imagenIndex{
    width: 98.7vw;
}

.imagenIndex2{
    width: 99vw;
}     
 


.campa{
    font-size:15px;
    color: blue;
}
 
.imagen3cx{
    animation-name: twinkle;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

    @keyframes twinkle {
        87% {
        transform: rotate(0deg);
      }
      100% {
        margin-left:35px;
      }
    }
    
    
.nav-link{
    animation-name: parpadeo;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}    
  @keyframes parpadeo {
        50% {
        color: black;
      }
      100% {
        color:blue;
      }
    }

@keyframes chaufooter {
      1% {
        opacity: 1;
      }
      90% {
        opacity: 1;
      }
      100% {
        opacity: 0;
      }
}

footer{
    animation-name: chaufooter;
    animation-duration: 6s;
    animation-iteration-count: 1;
    opacity: 0;
}
    
 @media only screen and (max-width: 900px) {
     .typed {
         display: none;
     }
     
     .footer{
         display: none;
     }
     
     .imagenIndex{
         display: none;
     }
     
      .imagenIndex2{
         display: flex;
         align-items:center;
     }
     
     span {
         font-size: 15px;
     }
     
     p .lead {
         font-size: 3em;
     }
     
     .jumbotron {
         height: 900px;
     }
     
     .nav-link {
         font-size: 15px;
     }
     
 }