html {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
     
    }

    .sticky-element-placeholder.sticky-element-active {
      width: 100% !important;
  }

    body {
      background-image: url(/img/fondo4.jpg);
      font-family: "Rubik", sans-serif;
    }

    .navbar-brand{margin: 0;
    padding: 0;
  width: 200px}
  ul>.navbar-nav{
    text-align: center;
  }

    #portada {
      height: 100vh;
    }

    #img-central,
    #logo-central {
      text-align: center;
     }
    #logo-central {
      margin: 8em 0em;
    }

    #img-central {
      margin-bottom: 10em;
    }

    nav{background-color: rgba(255, 255, 255, 0.719);
    }
    
    nav li{
      font-weight: 500;
    }

    #biografia {
      background-color: white;
      border-bottom-right-radius: 5%;
      border-bottom-left-radius: 5%;
      text-align: justify;
      display: grid;
      grid-template-columns: 100%;
      width: 90%;
      margin: 0 auto;
      margin-bottom: 3em;
     
    }

    @media (min-width: 768px) {
      #biografia {
        grid-template-columns: 1fr 1fr;
      }

      #img-carlos {
        width: 100%;
      }
    }

    #titulo {
      padding-top: 1em;
      width: 90%;
      background-color: white;
      text-align: center;
      margin: 0 auto;
      margin-top: 2em;
    }

    #img-carlos {
      margin: 3em;
      border-radius: 5%;
      -webkit-box-shadow: 10px 10px 5px 0px gold;
      -moz-box-shadow: 10px 10px 5px 0px gold;
      box-shadow: 10px 10px 5px 0px gold;
      width: 80%;
      margin-bottom: -3em;
    }

    #texto-biografia {
      margin: 3em;
      line-height: 150%;
    }

    #descripcion {
      background-color: white;
      text-align: justify;
      margin: 0 auto;
      width: 90%;
      margin: 0 auto;
      padding-top: 3em;
      padding-bottom: 3em;
      border-top-right-radius: 5%;
      border-top-left-radius: 5%;
    }

    #descripcion p {
      width: 85%;
      margin: 1em auto;
    }

    #centrado {
      text-align: center;
    }

    .negrita {
      font-weight: 900;
    }

    .cursiva {
      font-style: italic;
    }

    #primeraImagen {
      background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-bottom-right-radius: 5%;
      border-bottom-left-radius: 5%;
      margin-bottom: 3em;
    }

    #primeraImagen img {
      width: 70%;
    }

    #segundaImagen {
      background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-radius: 5%;
      margin-bottom: 3em;
    }

    #segundaImagen img {
      width: 70%;
    }

    #uniformes,
    #uniformes2,
    #uniformes3,
    #uniformes4,
    #polos,
    #uniformesPoli,
    #deportivas,
    #calcetines,
    #guc-lidesa,
    #pez,
    #armas,
    #tv,
    #tve,
    #consola,
    #ordenador, 
    #texto-max,
    #movil,
    #joyas,
    #enchufes,
    #imagen-azulejos,
    #imagen-baldosas,
    #hotel,
    #bandera,
    #caramelo,
    #pega,
    #camisetas,
    #corporacion
 {
      background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-radius: 5%;
      margin-bottom: 3em;
    }

    #uniformes h2 {
      font-size: 40px;
      padding-top: 1em;
    }

    #uniformes img,
    #uniformes2 img,
    #uniformes3 img,
    #uniformes4 img,
    #polos img,
    #uniformesPoli img,
    #deportivas img,
    #calcetines .calcetinLargo,
    #guc-lidesa img,
    #pez img,
    #armas img,
    #tv img,
    #tve img,
    #mando img,
    #consola img,
    #reloj img,
    #relojes img,
    #joyas img,
    #enchufes .normal,
    #imagen-azulejos img,
    #imagen-baldosas img,
    #hotel img,
    #caramelo img,
    #pega img
     {
      width: 70%;
    }
    #camisetas img{
      width: 50%;
      padding: 20px 0;
    }
    #camisetas img:hover{
      width: 80%;
    }

    #uniformes3,
    #uniformes4,
    #polos,
    #uniformesPoli,
    #deportivas,
    #calcetines,
    #guc-lidesa,
    #pez,
    #armas,
    #tv,
    #tve,
    #consola,
    #ordenador,
    #texto-max,
    #movil,
    #reloj,
    #joyas,
    #enchufes, 
    #imagen-azulejos,
    #imagen-baldosas,
    #bandera,
    #caramelo{
      padding: 3em 0;
    }

    #polos,
    #mando,
    #reloj,
    #baldosas,
    #carteles {
      display: grid;
      grid-template-columns: 100%;
    }

    #polos img,
    #mando img,
    #reloj img {
      margin: 0 auto;
    }

    @media (min-width: 768px) {
      #polos,
      #mando,
      #reloj,
      #baldosas,
      #carteles {
        display: grid;
        grid-template-columns: 1fr 1fr;
      }

      #baldosas{
        width: 90%;
      }

      #baldosas p{
        padding-top: 3em;
        line-height: 160%;
        text-align: justify;
        width: 90%;
      }
    }

    #polos p,
    #mando p,
    #consola p,
    #movil p,
    #reloj p{
      margin: 2em;
      line-height: 160%;
      text-align: justify;
    }

    #deportivas p,
    #relojes p,
    #caramelo p,
    #joyas p,
    #pega p {
      width: 90%;
      text-align: justify;
      margin: 0 auto;
      line-height: 150%;
    }

    #corporacion p, 
    #corporacion ol{
      width: 90%;
      text-align: left;
      padding:1em 0;
      margin: 0 auto;
      line-height: 150%;
    }

    #deportivas h2,
    #joyas h2,
    #imagen-azulejos h2,
    #imagen-baldosas h2,
    #bandera h2,
    #pega h2,
    #corporacion h2 {
      font-size: 40px;
    }

    #corporacion{
      padding: 3em;
    }

    .calcetin {
      width: 60%;
    }

    #guc-lidesa p {
      margin: 2em;
      line-height: 160%;
      text-align: justify;
    }

    #pez p{
      margin: 2em;
      line-height: 160%;
    }

    #pez h2,
    #armas h2,
    #tv h2,
    #tve h2,
    #consola h2,
    #ordenador h2,
    #movil h2,
    #enchufes h2,
    #hotel h2,
    #caramelo h2{
      font-size: 40px;
    }

    #armas p,
    #tv p,
    #ordenador p{
      margin: 2em;
      line-height: 160%;
      text-align: justify;
    }

    #pegatina{
      width: 50%;
      margin: 0 auto;
    }

    
.titulo2{
    padding: 1em 0;
    width: 90%;
    background-color: white;
    text-align: center;
    margin: 0 auto;
    font-size: 40px;
}
#mando{
    background-color: white;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    margin-bottom: 3em;
  }

  #ordenador img,
  #movil img{
    width: 60%;
  }

  #texto-max{
   line-height: 160%;
   font-size: 20px;
  font-weight: 500;
  padding: 1em;
  background-color: rgb(223, 223, 161);

  }

  #reloj, #baldosas {
    background-color: white;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    }

  #relojes{
    background-color: white;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 3em 0;
    border-bottom-left-radius: 5%;
    border-bottom-right-radius: 5%;
    margin-bottom: 3em;
  }

  .enchufe{
    width: 40%;
  }

  #azulejos{
    background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-top-left-radius: 5%;
    border-top-right-radius: 5%;
  }

  #azulejos img{
    width: 90%;
  }

  #azulejos h2{
    font-size: 40px;
  }

  
    #baldosas img{
      width: 80%;
      padding: 3em;
     }

    #baldosas {
      background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-bottom-left-radius: 5%;
      border-bottom-right-radius: 5%;
      margin-bottom: 3em;
    }

   

    #carteles {
      background-color: white;
      width: 90%;
      margin: 0 auto;
      text-align: center;
      border-bottom-left-radius: 5%;
      border-bottom-right-radius: 5%;
      padding-bottom: 3em;
       margin-bottom: 3em; 
    }
    
    #carteles img{
      margin: 0 auto;
      width: 90%;
    }

    #bandera img{
      width: 40%;
    }
   
    .gracias{

      color: white;
    }

    .gracias:hover{
      color: red;
      font-weight: 500;
    }

.alta{color: black;
  font-weight: 500;
text-decoration: none;}

#documento-pdf{
  width: 50%;
  margin: 0 auto;}

  @media only screen and (min-width: 768px) {
  #moviles_minis{
    display:flex; 
    justify-content: center;
    
  }
  #moviles_minis>.card{
   /*width: 50rem;*/
    width: 25rem;
  }
  
  }

  #tve{
    padding: 5%;
  }