div#cont-img-inicio.col-md-12
       {
         padding: 0%;
       }
       img#imagen-principal.img-responsive
       {
         position: relative;
         width: 100%;
       }
       label#avanza
       {
        position: absolute;
        margin-top: -16%;
        color: white;
        margin-left: 41%;
        font-size: 120%;
       }
       label#level
       {
        position: absolute;
        margin-top: -14%;
        color: white;
        font-size: 540%;
        margin-left: 31%;
       }
      
       h1#crece
       {
        margin-top: 5%;
        color: #000;
       }
        div#mensaje
       {
         background-color: white;
       }
       h1#desarrollo
       {
         margin-top: 3%;
       }
       p#texto
       {
        margin-top: 3%;
        font-size: 120%;
       }   
       button#btn1.btn.btn-primary
       {
         color: #4f4f4e;
         background-color: white;
         border: 1px solid #4f4f4e;
         width: 20%;
         margin-top: 8%;
         padding: 2%;
       }
       button#btn1.btn.btn-primary:hover
       {
          color: white;
          background-color: #4f4f4e;
       }
       li#lista
       {
         font-size: 120%;
       }
       p#parrafo
       {
          font-size: 110%;
          padding-bottom: 0%;
          padding-top: 1%;
          color: #3f3f3f !important;
       }
       section#seccion1
       {
         margin-top: 4%;
         margin-bottom: 4%;
       }
       div#fondo
       {
         width: 78%;
         height: 50%;
         margin-left: 11%;
         border: 1px solid #E0E0E0;
         background: #FAFAFA;
         padding: 20px 20px;
         box-shadow: 0 0 20px rgba(0,0,0,0.15);
       }
       section#seccion2
       {
        margin-bottom: 2%;
       }
       p#texto2
       {
        font-size: 120%;
       }
       section#seccion3
       {
         margin-top: 4%;
         margin-bottom: 5%;
       }
       section#descubre_herramientas
       {
          margin-bottom: 5%;
       }
       div.col-md-12.text-center
       {
         background-color: #8640ae; 
         color: white;
         font-size: 130%;
       }
       p#descubre
       {
         margin-top: 2%;
         margin-bottom: 7%;
       }
       button#boton1.btn.btn-primary
       {
         color: #4f4f4e;
         background-color: white;
         border: 1px solid #4f4f4e;
         margin-bottom: 2%;
         font-weight: bold;
       }
       button#boton1.btn.btn-primary:hover
       {
          color: white;
          background-color: #4f4f4e;
          font-weight: bold;
       }


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

           label#avanza
          {
            margin-left: 42%;
            font-size: 100%;
          }

          label#level
          {
             font-size: 440%;
             margin-left: 29%;
          }
        }

        @media only screen and (max-width: 992px) {
         
          label#avanza
          {
            margin-left: 44%;
           font-size: 85%;
          }

          label#level
          {
            margin-left: 30%;
            font-size: 400%;
          }

        } 

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

           label#avanza
          {
            font-size: 78%;
            margin-left: 40%;
          }

          label#level
          {
            font-size: 350%;
            margin-left: 24%;
          }

        } 


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

           label#avanza
          {
            font-size: 70%;
            margin-left: 39%;
          }

          label#level
          {
            font-size: 300%;
            margin-left: 22%;
          }


        } 

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

         
           label#avanza
          {
            font-size: 58%;
            margin-left: 37%;
          }

          label#level
          {
            font-size: 250%;
            margin-left: 20%;
          }


        }