* {
    margin: 0;
    padding: 0;
  }
  a {
    text-decoration: none;
  }
  
  @media (min-width: 2560px) {
    #logonav-riev {
      width: 500px;
      margin: 10px 150px 10px 600px;
    }
    #cinta {
      width: 100%;
      background-color: #0d0e30;
      color: rgb(255, 255, 255);
      height: 200px;
      display: flex;
    }
  
    .tarjeta1 {
      width: 500px;
      margin: 50px 290px 50px 590px;
      padding: 0; 
     /*  background-color: rgb(238, 224, 131); */
      text-align: center;
      align-content: center;
    }
    .tarjeta1 h1 {
      padding: 0;
      margin: 0;
      font-size: 40px;
    }
  
    .tarjeta2 {
      width: 350px;
      margin: 50px 0; /* 
          background-color: rgb(30, 240, 82); */
      text-align: center;
      align-content: center;
    }
    .tarjeta2 h2 {
      font-size: 20px;
    }
    .tarjeta2 a {
      color: white;
    }
  
    #descripcion{/* 
      background-color: #F27D18; */
      width: 650px;
      margin: 50px 610px;
      text-align: justify;
    }
  
    #formatos{/* 
      background-color: cadetblue; */
      margin: 0 0 50px 610px;
      width: 650px;
    }
    #formatos i{
      font-size: 25px;
      color: #F27D18;
      margin: 0 2px;
    }
    #formatos a{
      color: #F27D18;
      font-weight: 700;
      text-decoration: underline;
      align-items: center;
      align-content: center;
    }
  
    #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;
    }
  
    #cinta {
      width: 100%;
      background-color: #0d0e30;
      color: rgb(255, 255, 255);
      height: 120px;
      display: flex;
      align-items: center;
    }
  
    .tarjeta1 {
      width: 500px;
      margin: 50px 500px 50px 100px; /* 
      background-color: rgb(238, 224, 131); */
      text-align: center;
      align-content: center;
    }
    .tarjeta1 h1 {
      font-size: 40px;
    }
  
    .tarjeta2 {
      width: 250px;
      margin: 50px 0px; /* 
          background-color: rgb(30, 240, 82); */
      text-align: center;
      align-content: center;
    }
    .tarjeta2 h2 {
      font-size: 15px;
    }
    .tarjeta2 a {
      color: white;
    }
  
    #descripcion {
      /* 
          background-color: rgb(205, 154, 154); */
      width: 600px;
      text-align: justify;
      margin: 20px 120px;
      font-size: 15px;
    }
    #descripcion h2 {
      font-size: 28px;
    }
    #descripcion p {
      font-size: 16px;
      line-height: 25px;
    }
    #formatos {
      /* 
              background-color: rgb(172, 209, 135); */
      width: 800px;
      margin: 20px 0 50px 120px;
      font-size: 16px;
      color: rgb(175, 116, 6);
      text-align: justify;
      line-height: 40px;
    }
    #formatos i{
      font-size: 25px;
      color: #F27D18;
      margin: 0 2px;
    }
    #formatos a{
      color: #F27D18;
      font-weight: 700;
      text-decoration: underline;
      align-items: center;
      align-content: 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;
    }
  
    #cinta {
      width: 100%;
      background-color: #0e0f2e;
      color: rgb(255, 255, 255);
      height: 120px;
      display: flex;
      align-items: center;
      align-content: center;
    }
  
    .tarjeta1 {
      width: 400px;
      margin: 0px 600px 0 65px; 
      /* lleva 800 */
      /* background-color: rgb(238, 224, 131);  */
  
      /* text-align: center; */
      align-content: center;
    }
  
    .tarjeta1 h1 {
      font-size: 2em;
    }
  
    .tarjeta2 {
      width: 200px;
      height: 50px;
      margin: 0px 10px; /* 
          background-color: rgb(30, 240, 82); */
      align-content: center;
    }
    .tarjeta2 h2 {
      font-size: 12px;
    }
    .tarjeta2 a {
      color: white;
    }
  
    #descripcion {
      /* 
          background-color: rgb(205, 154, 154); */
      width: 600px;
      text-align: justify;
      margin: 20px 70px;
      font-size: 15px;
    }
    #descripcion h2 {
      font-size: 28px;
    }
    #descripcion p {
      font-size: 16px;
      line-height: 25px;
    }
    #formatos {
      /* 
              background-color: rgb(172, 209, 135); */
      width: 800px;
      margin: 20px 0 50px 70px;
      font-size: 16px;
      color: rgb(175, 116, 6);
      text-align: justify;
      line-height: 40px;
    }
    #formatos i{
      font-size: 25px;
      color: #F27D18;
      margin: 0 2px;
    }
    #formatos a{
      color: #F27D18;
      font-weight: 700;
      text-decoration: underline;
      align-items: center;
      align-content: 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;
    }
  
    #descripcion {
      /* 
          background-color: rgb(205, 154, 154); */
      width: 600px;
      text-align: justify;
      margin: 40px 40px;
      font-size: 15px;
    }
    #descripcion h2 {
      font-size: 28px;
    }
    #descripcion p {
      font-size: 16px;
      line-height: 25px;
    }
    #formatos {
      /* 
              background-color: rgb(172, 209, 135); */
      width: 800px;
      margin: 20px 0 50px 40px;
      font-size: 16px;
      color: rgb(175, 116, 6);
      text-align: justify;
      line-height: 40px;
    }
    #formatos i{
      font-size: 25px;
      color: #F27D18;
      margin: 0 2px;
    }
    #formatos a{
      color: #F27D18;
      font-weight: 700;
      text-decoration: underline;
      align-items: center;
      align-content: center;
    }
  
  
  
    #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;
    }
  
    #cinta {
      width: 100%;
      background-color: #0d0e30;
      color: rgb(255, 255, 255);
      height: 120px;
      align-items: center;
      text-align: center;
      align-content: center;
      padding: 0 20%;
    }
  
    .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;
    }
  
    #descripcion {
     /*  background-color: rgb(205, 154, 154); */
      width: 400px;
      margin: 40px 10px;
      padding: 0 10px;
      font-size: 15px;
  
    }
    #descripcion h2 {
      text-align: center;
      font-size: 26px;
    }
    #descripcion p {
      font-size: 16px;
      line-height: 25px;
      text-align: justify;
      line-height: 30px;
    }
    #formatos {/* 
      background-color: rgb(172, 209, 135); */
      width: 380px;
      margin: 30px 20px;
      font-size: 16px;
      color: rgb(175, 116, 6);
      text-align: justify;
      line-height: 40px;
    }
    #formatos i{
      font-size: 25px;
      color: #F27D18;
      margin: 0 2px;
    }
    #formatos a{
      color: #F27D18;
      font-weight: 700;
      text-decoration: underline;
      align-items: center;
      align-content: center;
    }
  
  
    #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;
    }
  
    #cinta {
      width: 100%;
      background-color: #0d0e30;
      color: rgb(255, 255, 255);
      height: 120px;
      align-items: center;
      text-align: center;
      align-content: center;
      padding: 0 16%;
    }
  
    .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;
    }
  
    #descripcion {
      /*  background-color: rgb(205, 154, 154); */
       width: 350px;
       margin: 40px 10px;
       padding: 0 10px;
       font-size: 15px;
   
     }
     #descripcion h2 {
       text-align: center;
       font-size: 26px;
     }
     #descripcion p {
       font-size: 16px;
       line-height: 25px;
       text-align: justify;
       line-height: 30px;
     }
     #formatos {/* 
       background-color: rgb(172, 209, 135); */
       width: 300px;
       margin: 30px 20px;
       font-size: 16px;
       color: rgb(175, 116, 6);
       text-align: justify;
       line-height: 40px;
     }
     #formatos i{
       font-size: 25px;
       color: #F27D18;
       margin: 0 2px;
     }
     #formatos a{
       color: #F27D18;
       font-weight: 700;
       text-decoration: underline;
       align-items: center;
       align-content: center;
     }
  
  
    #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;
    }
  
    #cinta {
      width: 100%;
      background-color: #0d0e30;
      color: rgb(255, 255, 255);
      height: 120px;
      align-items: center;
      text-align: center;
      align-content: center;
      padding: 0 15%;
    }
  
    .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;
    }
  
    #descripcion {
      /*  background-color: rgb(205, 154, 154); */
       width: 300px;
       margin: 40px 10px;
       padding: 0 10px;
       font-size: 15px;
   
     }
     #descripcion h2 {
       text-align: center;
       font-size: 26px;
     }
     #descripcion p {
       font-size: 16px;
       line-height: 25px;
       text-align: justify;
       line-height: 30px;
     }
     #formatos {/* 
       background-color: rgb(172, 209, 135); */
       width: 270px;
       margin: 30px 15px;
       font-size: 16px;
       color: rgb(175, 116, 6);
       text-align: justify;
       line-height: 40px;
     }
     #formatos i{
       font-size: 25px;
       color: #F27D18;
       margin: 0 2px;
     }
     #formatos a{
       color: #F27D18;
       font-weight: 700;
       text-decoration: underline;
       align-items: center;
       align-content: center;
     }
  
  
    #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;
    }
  }