.bd-placeholder-img {
    text-anchor        : middle;
    -webkit-user-select: none;
    -moz-user-select   : none;
    -ms-user-select    : none;
    user-select        : none;
  }

  a:hover {
    text-decoration: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .badge {
    margin-right: 4px;
  }

  .form-control {
    margin-bottom: 20px;
  }

  .jumbotron {
    margin-top           : 5rem;
    /* background-image  : url("imagenes/fondo-jumbotron.jpg");
    background-attachment: fixed;*/
  }

  .site-header {
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter        : saturate(180%) blur(20px);

  }

  .site-header a {
    color     : #fff;
    transition: ease-in-out color .15s;
  }

  .site-header a:hover {
    /*color: #ffa800;*/
    color          : #ffa800;
    text-decoration: none;
  }

  .card-body p {
    margin-bottom: 0px;
  }

  .ocultar-segun-dispositivo {
    visibility: visible !important;
  }

  .jumbotextnav {
    font-size: 25px;
  }

  .jumbotexth1 {
    font-size: 2.5rem;
  }

  .jumbotextp {
    font-size: 1rem;
  }

  .logo-mu-i {
    height: 60px;
  }

  ul.timeline {
    list-style-type: none;
    position       : relative;
    padding-left   : 1.5rem;
  }

  /* Timeline vertical line */
  ul.timeline:before {
    content      : ' ';
    background   : #fff;
    display      : inline-block;
    position     : absolute;
    left         : 16px;
    width        : 4px;
    height       : 100%;
    z-index      : 400;
    border-radius: 1rem;
    box-shadow   : 0 0 5px rgba(0, 0, 0, 0.2);
  }

  li.timeline-item {
    margin: 20px 0;
  }

  /* Timeline item arrow */
  .timeline-arrow {
    border-top   : 0.5rem solid transparent;
    border-right : 0.5rem solid #fff;
    border-bottom: 0.5rem solid transparent;
    display      : block;
    position     : absolute;
    left         : 2rem;
  }

  /* Timeline item circle marker */
  li.timeline-item::before {
    content      : ' ';
    background   : #ddd;
    display      : inline-block;
    position     : absolute;
    border-radius: 50%;
    border       : 3px solid #fff;
    left         : 11px;
    width        : 14px;
    height       : 14px;
    z-index      : 400;
    box-shadow   : 0 0 5px rgba(0, 0, 0, 0.2);
  }

  @media (max-width: 1199px) {
    .logo-mu-i {
      height: 40px;
    }

    .jumbotextnav {
      font-size: 20px;
    }
	
	.ocultar-segun-dispositivo {
    visibility: visible;
	}
  }

  @media (max-width: 992px) {
    .site-header {
      font-size: 0.2rem;
    }

    .jumbotextnav {
      font-size: 15px;
    }

    .jumbotexth1 {
      font-size: 2.5rem;
    }

    .jumbotextp {
      font-size: 1rem;
    }

    .logo-mu-i {
      height: 40px;
    }
  }

  .recortar-tabla {
    visibility: visible;
    width     : 15%;
  }

  .reaparecer-tabla {
    visibility: hidden;
    display   : none;
  }

  @media (max-width: 576px) {
    .recortar-tabla {
      visibility: hidden;
      display   : none;
    }
      .reaparecer-tabla {
        visibility: visible;
        display   : block;
    }
	
	.ocultar-segun-dispositivo {
      display: none;
    }
  }


    

    .jumbotexth1 {
      font-size: 2rem;
    }

    .jumbotextp {
      font-size: 0.8rem;
    }

    .logo-mu-i {
      height: 36px;
    }
  

  /* Estilo del MODAL */
  .iframe-container {    
    padding-bottom: 60%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.iframe-container iframe,
.iframe-container object,
.iframe-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.modal.in .modal-dialog {
  transform: none; /*translate(0px, 0px);*/
}