*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #0d0e30;
}

.slider {
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.imbanner{
  width: 100%;
  height: 750px;
}

.slider ul {
  display: flex;
  padding: 0;
  width: 400%;
  animation: cambio 20s infinite;
}

.slider li {
  width: 100%;
  list-style: none;
}

.slider img {
  width: 100%;
}

#modified {
  width: 300px;
}
#modified2 {
  width: 300px;
}

.slider_parthners {
  width: 100%;
  margin: 50px;
}

.slider_parthners ul {
  display: flex;
  padding: 10px;
  width: 400%;
  animation: cambio 20s infinite;
}

.slider_parthners li {
  width: 1500px;
  list-style: none;
}

.slider_parthners img {
  width: 150px;
}

@keyframes cambio {
  0% {
    margin-left: 0;
  }
  10% {
    margin-left: 0%;
  }
  20% {
    margin-left: 0;
  }

  25% {
    margin-left: -100%;
  }
  45% {
    margin-left: -100%;
  }

  50% {
    margin-left: -200%;
  }
  70% {
    margin-left: -200%;
  }

  75% {
    margin-left: -300%;
  }
  100% {
    margin-left: -300%;
  }
}

@media (min-width:2560px){

    #logonav-riev{
        width: 500px;
        margin: 10px 300px 10px 500px;
    }
    
    .carousel {
      width: 100%;
      height: 500px;
      /* max-width: 100%; */
      background-color: #ffffff;
      margin: 10px 0px;
    }
    
    .carousel-inner {
      width: 50%;
      height: 500px;
      margin: 0 500px;
    }
    
    .carousel-item img {
      width: 100%;
      height: 100%;
      /* object-fit: cover; */
  }
  
    
    /* inico tarjetas */

    #tarjetas{
      /* background-color: orangered; */
      width: 100%;
      height: 400px;
      display: flex;
      margin: 20px 0;
      padding: 20px 540px ;
    }
    .tarjetas{
      /* background-color: yellowgreen; */
      width: 210px;
      height: 350px;
      margin: 0 10px;
      text-align: center;
      border: solid 0.1px #d6d6d6;
      border-radius: 10px;
    }
    .tarjetas h1{
      text-align: center;
      font-size: 20px;
      margin: 15px 0;
    }
    .imagentarjetas{
      width: 80px;
      margin: 5px;
    }
    .tarjetas p{
      /* background-color: blue; */
      text-align: center;
      padding: 5px;
    }
   /*  fin tarjetas */


   #destacados{
      /* background-color: rgb(76, 184, 99); */
      width: 100%;
      height: 100px;
      text-align: center;
      margin: 10px 0;
      padding: 10px 880px;
   }
   #destacados h2{
    /* background-color: palevioletred; */
      text-align: center;
      width: 500px;
      height: 70px;
      font-size: 40px;
      text-decoration: underline #F27D18 8px;
      text-transform: uppercase;
   }
   #tarjetasdestacados{
      /* background-color: #19ddcd; */
      width: 100%;
      height: 400px;
      display: flex;
      padding: 0 630px;
      margin: 10px 0;
   }
   .tarjeta1{
      /* background-color: #dd7119; */
      width: 500px;
      height: 380px;
      margin: 0;
   }
   .tarjeta2{
      /* background-color: #60d643; */
      width: 500px;
      height: 380px;
      margin: 0;
   }
   .imagenevento{
      width: 450px;
   }
   .videoevento{
      width: 450px;
   }
   .informaciondestacados{
      text-align: center;
      font-size: 20px;
      margin: 10px 0;
   }

   #universidades_acreditadas{
    /* background-color: rgb(76, 184, 99); */
    width: 100%;
    height: 100px;
    text-align: center;
    margin: 10px 0;
    padding: 10px 880px;
 }
 #universidades_acreditadas h2{
  /* background-color: palevioletred; */
    text-align: center;
    width: 500px;
    height: 70px;
    font-size: 40px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
 }
    

    #pie_pagina{
        width: 100%;
        height: 500px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        display: flex;
        align-content: center;
        align-items: center;
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 300px;
        margin: 20px 0 0 670px ;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 200px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 350px;
    height: 250px;
    font-size: 24px;
   } 

   .tarjeta-pie2 h3{
    text-align: center;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
   }

   .tarjeta-pie3 a{
    color: #ffff;
   }
}





@media (min-width:1440px) and (max-width:2559px){

    #logonav-riev{
        width: 500px;
        margin: 10px 280px 10px 100px ;
    }

    .carousel {
        width: 100%;
        /* height: 500px; */
        max-width: 100%;
        background-color: #F27D18;
        margin: 10px 0px;
      }
      
      .carousel-inner {
        width: 100%;
        height: auto;
        max-width: 100%;
      }
      
      .carousel-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    
      
      /* inico tarjetas */

      #tarjetas{
        /* background-color: orangered; */
        width: 100%;
        height: 380px;
        display: flex;
        margin: 20px 0;
        padding: 20px 200px 0px 130px;
      }
      .tarjetas{
        /* background-color: yellowgreen; */
        width: 250px;
        height: 330px;
        margin: 0 10px;
        text-align: center;
        border: solid 0.1px #d6d6d6;
        border-radius: 10px;
      }
      .tarjetas h1{
        text-align: center;
        font-size: 20px;
        margin: 15px 0;
      }
      .imagentarjetas{
        width: 80px;
        margin: 5px;
      }
      .tarjetas p{
        /* background-color: blue; */
        text-align: center;
        padding: 5px;
      }
     /*  fin tarjetas */


     #destacados{
        /* background-color: rgb(76, 184, 99); */
        width: 100%;
        display: flex;
        padding: 20px 0;
     }
     #destacados h2{
        text-align: center;
        width: 100%;
        height: 50px;
        font-size: 40px;
        text-decoration: underline #F27D18 8px;
        text-transform: uppercase;
     }
     #tarjetasdestacados{
        /* background-color: #19ddcd; */
        width: 100%;
        height: 400px;
        display: flex;
        padding: 0 235px;
     }
     .tarjeta1{
        /* background-color: #dd7119; */
        width: 500px;
        height: 380px;
        margin: 0;
     }
     .tarjeta2{
        /* background-color: #60d643; */
        width: 500px;
        height: 380px;
        margin: 0;
     }
     .imagenevento{
        width: 450px;
     }
     .videoevento{
        width: 450px;
     }
     .informaciondestacados{
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
     }

     #universidades_acreditadas{
      /* background-color: rgb(76, 184, 99); */
      width: 100%;
      display: flex;
      padding: 20px 0;
   }
   #universidades_acreditadas h2{
      text-align: center;
      width: 100%;
      height: 50px;
      font-size: 40px;
      text-decoration: underline #F27D18 8px;
      text-transform: uppercase;
   }

   .slider_parthners{
   /*  background-color: #F27D18; */
    margin: 10px 250px;
    width: 1000px;
    overflow: hidden;
  }
  .slider_parthners h2{
    text-align: center;
  }

    #pie_pagina{
        width: 100%;
        height: 400px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        display: flex;
        align-content: center;
        align-items: center;
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 300px;
        margin: 20px 50px 0 200px ;
        text-align: center;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 130px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 350px;
    height: 250px;
   } 

   .tarjeta-pie2 h3{
    text-align: justify;
    font-size: 20px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
   }

   .tarjeta-pie3 h4{
    font-size: 20px;
    text-align: justify;
   }
   .tarjeta-pie3 a{
    margin: 3px 10px;
    color: #ffff;
   }
}




@media (min-width:1024px) and (max-width:1439px){

    #logonav-riev{
        width: 350px;
        margin: 10px 400px 10px 50px;
    }

   

    .carousel {
        width: 100%;
        /* height: 500px; */
        max-width: 100%;
        margin: 10px 0px;
      }
      
      .carousel-inner {
        width: 100%;
        height: auto;
        max-width: 100%;
      }
      
      .carousel-item img {
        width: 100%;
        object-fit: cover;
    }
      
  
     /* inico tarjetas */
     #tarjetas{
        /* background-color: orangered; */
        width: 100%;
        height: 380px;
        display: flex;
        margin: 20px 0;
        padding: 20px 120px 0px 100px;
      }
      .tarjetas{
        /* background-color: yellowgreen; */
        width: 380px;
        height: 350px;
        margin: 0 5px;
        text-align: center;
        border: solid 0.1px #d6d6d6;
        border-radius: 10px;
      }
      .tarjetas h1{
        text-align: center;
        font-size: 20px;
        margin: 15px 0;
      }
      .imagentarjetas{
        width: 80px;
        margin: 5px;
      }
      .tarjetas p{
        /* background-color: blue; */
        text-align: center;
        padding: 5px;
      }
     /*  fin tarjetas */

     #destacados{
        /* background-color: rgb(76, 184, 99); */
        width: 100%;
        display: flex;
        padding: 20px 0;
     }
     #destacados h2{
        text-align: center;
        width: 100%;
        height: 50px;
        font-size: 40px;
        text-decoration: underline #F27D18 8px;
        text-transform: uppercase;
     }
     #tarjetasdestacados{
        /* background-color: #19ddcd; */
        width: 100%;/* 
        height: 400px; */
        display: flex;
        padding: 0 160px;
     }
     .tarjeta1{
        /* background-color: #dd7119; */
        width: 500px;
        height: 380px;
        margin: 5px;
     }
     .tarjeta2{
        /* background-color: #60d643; */
        width: 500px;
        height: 380px;
        margin: 5px;
     }
     .imagenevento{
        width: 450px;
     }
     .videoevento{
        width: 450px;
     }
     .informaciondestacados{
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
     }

     #universidades_acreditadas{
      /* background-color: rgb(76, 184, 99); */
      width: 100%;
      display: flex;
      padding: 20px 0;
   }
   #universidades_acreditadas h2{
      text-align: center;
      width: 100%;
      height: 50px;
      font-size: 40px;
      text-decoration: underline #F27D18 8px;
      text-transform: uppercase;
   }

   .slider_parthners{
    /* background-color: #F27D18; */
    margin: 10px 220px;
    width: 850px;
    overflow: hidden;
  }
  .slider_parthners h2{
    text-align: center;
  }
   

    #pie_pagina{
        width: 100%;
        height: 400px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        display: flex;
        align-content: center;
        align-items: center;
        padding: 0px 100px;
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 300px;
        margin: 20px 50px 0 90px ;
        text-align: center;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 120px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 250px;
    height: 250px;
    font-size: 17px;
   } 

   .tarjeta-pie2 h3{
    font-size: 17px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
    width: 100px;
   }

   .tarjeta-pie3 h4{
    font-size: 17px;
   }
   .tarjeta-pie3 a{
    color: #ffff;
    margin: 0px 10px;
   }
}


@media (min-width:768px) and (max-width:1023px){

    #logonav-riev{
        width: 350px;
    }

    #cinta{
        width: 100%;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        height: 120px;
        align-items: center;
        text-align: center;
        align-content: center;
        padding: 0 32.5%;
    }

    .tarjeta1{
        width: 250px;
        text-align: center;
        align-content: center;
    }
    .tarjeta1 h1{
        font-size: 2em;
    }

    .tarjeta2{
        width: 250px;
        text-align: center;
        align-content: center;
    }
    .tarjeta2 h2{
        font-size: 12px;
    }
    .tarjeta2 a{
        color: white;
    }

    .carousel {
        width: 100%;
        /* height: 500px; */
        max-width: 100%;
        /* background-color: #F27D18; */
        margin: 10px 0px;
      }
      
      .carousel-inner {
        width: 100%;
        height: auto;
        max-width: 100%;
      }
      
      .carousel-item img {
        width: 100%;
        object-fit: cover;
    }
      
  
     /* inico tarjetas */
     #tarjetas{
        /* background-color: orangered; */
        width: 100%;
        height: 510px;
        display: flex;
        margin: 20px 0;
        padding: 20px;
      }
      .tarjetas{
        /* background-color: yellowgreen; */
        width: 250px;
        height: 480px;
        margin: 0 10px;
        text-align: center;
        border: solid 0.1px #d6d6d6;
        border-radius: 10px;
      }
      .tarjetas h1{
        text-align: center;
        font-size: 18px;
        margin: 15px 0;
      }
      .imagentarjetas{
        width: 80px;
        margin: 5px;
      }
      .tarjetas p{
        /* background-color: blue; */
        text-align: justify;
        padding: 5px;
      }
     /*  fin tarjetas */

                        /*  inicio destacados */
     #destacados{
        /* background-color: rgb(76, 184, 99); */
        width: 100%;
        display: flex;
        padding: 20px 0;
     }
     #destacados h2{
        text-align: center;
        width: 100%;
        height: 50px;
        font-size: 40px;
        text-decoration: underline #F27D18 8px;
        text-transform: uppercase;
     }
     #tarjetasdestacados{
       /*  background-color: #19ddcd; */
        width: 100%;/* 
        height: 400px; */
        display: flex;
        padding: 0 10px;
        margin: 0 0 20px 0;
     }
     .tarjeta1{
       /*  background-color: #dd7119; */
        width: 500px;
        height: 380px;
        /* margin: 5px; */
     }
     .tarjeta2{
        /* background-color: #60d643; */
        width: 500px;
        height: 380px;
        /* margin: 5px; */
     }

     .imagenevento{
        width: 340px;
     }
     .videoevento{
        width: 340px;
     }
     .informaciondestacados{
        text-align: center;
        font-size: 20px;
        margin: 10px 0;
     }

   
     #universidades_acreditadas{
      /* background-color: rgb(76, 184, 99); */
      width: 100%;
      display: flex;
      padding: 20px 0;
   }
   #universidades_acreditadas h2{
      text-align: center;
      width: 100%;
      height: 50px;
      font-size: 40px;
      text-decoration: underline #F27D18 8px;
      text-transform: uppercase;
   }

   .slider_parthners{
    /* background-color: #F27D18; */
    margin: 10px 20px;
    width: 700px;
    padding: 0 20px;
    overflow: hidden;
  }
  
  #modified{
    width: 200px;
  }

    #pie_pagina{
        width: 100%;
        height: 900px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        padding: 100px 0px;
       /*  display: flex; */
        /* align-content: center;
        align-items: center; */
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 200px;
        padding: 0px 40px;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 120px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 400px;
    height: 190px;
    font-size: 15px;
    padding: 0px 40px;
   } 

   .tarjeta-pie2 h3{
    font-size: 17px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
    width: 100px;
   }

   .tarjeta-pie3{/* 
    background-color: aqua; */
    padding: 0px 40px;
    font-size: 17px;
   }
   .tarjeta-pie3 h4{
    font-size: 17px;
   }
   .tarjeta-pie3 .bi{
    width: 500px;
   }
   .tarjeta-pie3 a{
    color: #ffff;
    margin: 0px 10px;
   }
}



@media (min-width:425px) and (max-width:767px){

    #logonav-riev{
        width: 300px;
    }

    /* inico tarjetas */
 #tarjetas{
    /* background-color: orangered; */
    width: 100%;
    display: block;
    margin: 20px 0;
    padding: 0 12%;
  }
  .tarjetas{
    /* background-color: yellowgreen; */
    width: 300px;
    height: 300px;
    margin:10px;
    text-align: center;
    border: solid 0.1px #d6d6d6;
    border-radius: 10px;
  }
  .tarjetas h1{
    text-align: center;
    font-size: 20px;
    margin: 10px;
  }
  .imagentarjetas{
    width: 80px;
    margin: 5px;
  }
  .tarjetas p{
    /* background-color: blue; */
    text-align: center;
    padding: 15px;
  }
  /*  fin tarjetas */
  
                    /*  inicio destacados */
  #destacados{/* 
    background-color: rgb(76, 184, 99); */
    width: 100%;
    height: 120px;
    padding: 10px 14%;
  }
  #destacados h2{
   /*  background-color: #F27D18; */
    text-align: center;
    width: 300px;
    height: 100px;
    font-size: 40px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
  }
  #tarjetasdestacados{
    /* background-color: #19ddcd; */
    width: 100%;
    display: block;
    padding: 0 12px;
    margin: 0 0 20px 0;
  }
  .tarjeta1{
    /* background-color: #dd7119; */
    width: 400px;
    height: 380px;
    margin: 5px;
    text-align: center;
  }
  .tarjeta2{
    /* background-color: #60d643; */
    width: 400px;
    height: 380px;
    margin: 5px;
    text-align: center;
  }
  
  .imagenevento{
    width: 340px;
  }
  .videoevento{
    width: 340px;
  }
  .informaciondestacados{
    text-align: center;
    font-size: 20px;
    margin: 10px 0;
  }


    
  #universidades_acreditadas{
    /* background-color: rgb(76, 184, 99); */
    width: 100%;
    display: flex;
    padding: 20px 0;
    margin-bottom: 40px;
 }
 #universidades_acreditadas h2{
  /* background-color: yellow; */
    text-align: center;
    width: 100%;
    height: 110px;
    font-size: 40px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
    overflow: hidden;
 }

 .slider_parthners{
  /* background-color: #F27D18; */
  margin: 10px;
  width: 100%;
  padding: 0 20px;
  overflow: hidden;
}

#modified{
  width: 180px;
}


    #pie_pagina{
        width: 100%;
        height: 900px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        padding: 100px 0px;
       /*  display: flex; */
        /* align-content: center;
        align-items: center; */
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 200px;
        padding: 0px 40px;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 110px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 400px;
    height: 190px;
    font-size: 15px;
    padding: 0px 40px;
   } 

   .tarjeta-pie2 h3{
    font-size: 17px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
    width: 100px;
   }

   .tarjeta-pie3{/* 
    background-color: aqua; */
    padding: 0px 40px;
    font-size: 17px;
   }
   .tarjeta-pie3 h4{
    font-size: 17px;
   }
   .tarjeta-pie3 .bi{
    width: 500px;
   }
   .tarjeta-pie3 a{
    color: #ffff;
    margin: 0px 10px;
   }
}





@media (min-width:375px) and (max-width:424px){
    
    #logonav-riev{
        width: 250px;
    }
    
       /* inico tarjetas */
   #tarjetas{
    /* background-color: orangered; */
    width: 100%;
    display: block;
    margin: 10px 0;
    padding: 0 50px;
  }
  .tarjetas{
    /* background-color: yellowgreen; */
    width: 280px;
    height: 300px;
    margin:10px;
    text-align: center;
    border: solid 0.1px #d6d6d6;
    border-radius: 10px;
  }
  .tarjetas h1{
    text-align: center;
    font-size: 20px;
    margin: 10px;
  }
  .imagentarjetas{
    width: 80px;
    margin: 5px;
  }
  .tarjetas p{
    /* background-color: blue; */
    text-align: center;
    padding: 15px;
  }
  /*  fin tarjetas */
  
                    /*  inicio destacados */
  #destacados{
    /* background-color: rgb(76, 184, 99); */
    width: 100%;
    height: 120px;
    padding: 10px 10%;
  }
  #destacados h2{
   /*  background-color: #F27D18; */
    text-align: center;
    width: 300px;
    height: 100px;
    font-size: 40px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
  }
  #tarjetasdestacados{
    /* background-color: #19ddcd; */
    width: 100%;
    display: block;
    padding: 0 40px;
    margin: 0 0 20px 0;
  }
  .tarjeta1{
    /* background-color: #dd7119; */
    width: 320px;/* 
    height: 380px; */
    /* margin: 5px; */
    text-align: center;
  }
  .tarjeta2{
    /* background-color: #60d643; */
    width: 320px;/* 
    height: 380px; */
   /*  margin: 5px; */
    text-align: center;
  }
  
  .imagenevento{
    width: 318px;
  }
  .videoevento{
    width: 318px;
  }
  .informaciondestacados{
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
  }

  #universidades_acreditadas{
    /* background-color: rgb(76, 184, 99); */
    width: 100%;
    display: flex;
    padding: 20px 0;
    margin-bottom: 40px;
 }
 #universidades_acreditadas h2{
  /* background-color: yellow; */
    text-align: center;
    width: 100%;
    height: 110px;
    font-size: 40px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
    overflow: hidden;
 }

 .slider_parthners{
  /* 
  background-color: #F27D18; */
  margin: 10px;
  width: 100%;
  overflow: hidden;
}

#modified{
  width: 150px;
}

    
    #pie_pagina{
        width: 100%;
        height: 900px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        padding: 100px 0px;
       /*  display: flex; */
        /* align-content: center;
        align-items: center; */
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 200px;
        padding: 0px 40px;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 110px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 400px;
    height: 190px;
    font-size: 15px;
    padding: 0px 40px;
   } 

   .tarjeta-pie2 h3{
    font-size: 17px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
    width: 100px;
   }

   .tarjeta-pie3{/* 
    background-color: aqua; */
    padding: 0px 40px;
    font-size: 17px;
   }
   .tarjeta-pie3 h4{
    font-size: 17px;
   }
   .tarjeta-pie3 .bi{
    width: 500px;
   }
   .tarjeta-pie3 a{
    color: #ffff;
    margin: 0px 10px;
   }
}





@media (min-width:320px) and (max-width:374px){

    #logonav-riev{
        width: 200px;
    }

      /* inico tarjetas */
   #tarjetas{
    /* background-color: orangered; */
    width: 100%;
    display: block;
    padding: 5px 50px; 
    
  }
  .tarjetas{
    /* background-color: yellowgreen; */
    width: 250px;
    height: 350px;
    margin: 10px 0px;
    text-align: center;
    border: solid 0.1px #d6d6d6;
    border-radius: 10px;
  }
  .tarjetas h1{
    text-align: center;
    font-size: 20px;
    margin: 10px;
  }
  .imagentarjetas{
    width: 80px;
    margin: 5px;
  }
  .tarjetas p{
    /* background-color: blue; */
    text-align: center;
    padding: 15px;
  }
  /*  fin tarjetas */
  
                    /*  inicio destacados */
  #destacados{
   /*  background-color: rgb(76, 184, 99); */
    width: 100%;
    height: 120px;
    padding: 0 40px;
  }
  #destacados h2{
   /*  background-color: #F27D18; */
    text-align: center;
    width: 100%;
    height: 100px;
    font-size: 35px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
  }
  #tarjetasdestacados{
    /* background-color: #19ddcd ; */
    width: 100%;
    display: block;
    padding: 0 20px;
    margin: 0 0 20px 0;
  }
  .tarjeta1{
    /* background-color: #dd7119; */
    width: 320px;/* 
    height: 380px; */
    /* margin: 5px; */
    text-align: center;
  }
  .tarjeta2{
    /* background-color: #60d643; */
    width: 320px;/* 
    height: 380px; */
   /*  margin: 5px; */
    text-align: center;
  }
  
  .imagenevento{
    width: 280px;
  }
  .videoevento{
    width: 280px;
  }
  .informaciondestacados{
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
  }

  #universidades_acreditadas{
    /* background-color: rgb(76, 184, 99); */
    width: 100%;
    display: flex;
    padding: 20px 0;
    margin-bottom: 30px;
 }
 #universidades_acreditadas h2{
  /* background-color: yellow; */
    text-align: center;
    width: 100%;
    height: 110px;
    font-size: 35px;
    text-decoration: underline #F27D18 8px;
    text-transform: uppercase;
    overflow: hidden;
 }

 .slider_parthners{
  /* background-color: #F27D18; */
  margin: 10px;
  width: 90%;
  overflow: hidden;
}

#modified{
  width: 150px;
}


   
    #pie_pagina{
        width: 100%;
        height: 900px;
        background-color:#0d0e30;
        color: rgb(255, 255, 255);
        padding: 100px 0px;
       /*  display: flex; */
        /* align-content: center;
        align-items: center; */
    }

    #pie_pagina .tarjeta-pie{/* 
        background-color: yellow; */
        width: 300px;
        height: 200px;
        padding: 0px 40px;
    }
    #pie_pagina .tarjeta-pie #logo_riev{
        width: 110px;
    }

   .tarjeta-pie2{/* 
    background-color: red; */
    width: 400px;
    height: 190px;
    font-size: 15px;
    padding: 0px 40px;
   } 

   .tarjeta-pie2 h3{
    font-size: 17px;
   }
   .tarjeta-pie2 h4{
    font-size: 17px;
   }
   .tarjeta-pie2 a{
    text-decoration: none;
    color: rgb(255, 255, 255);
   }
   .tarjeta-pie2 .bi{
    color: rgb(255, 255, 255);
    width: 100px;
   }

   .tarjeta-pie3{/* 
    background-color: aqua; */
    padding: 0px 40px;
    font-size: 17px;
   }
   .tarjeta-pie3 h4{
    font-size: 17px;
   }
   .tarjeta-pie3 .bi{
    width: 500px;
   }
   .tarjeta-pie3 a{
    color: #ffff;
    margin: 0px 10px;
   }
}