div#cont-img-inicio.col-md-12
       {
         padding: 0%;
       }
       img#imagen-principal.img-responsive
       {
         position: relative;
         width: 100%;
       }
       label#crece
       {
        position: absolute;
        margin-top: -16%;
        color: white;
        margin-left: 39%;
        font-size: 120%;
        font-weight: 100;
       }
       label#guru
       {
        position: absolute;
        margin-top: -14%;
        color: white;
        font-size: 540%;
        margin-left: 42%;
       }
       p#parrafo
       {
         font-weight: 700;
         font-size: 130%;
       }
       h1#secreto
       {
        margin-top: 5%;
        color: #000;
       }
        section#seccion1
        {
           margin-top: 2%;
        }
        p#p1
        {
           font-size: 120%;
        }
        h4#areas
        {
          margin-top: 8%;
          color: #5040ae;
          font-weight: bold;
          margin-bottom: 4%;
        }
        img#img-guru-lista.img-responsive
        {
          margin: 0 auto;
          margin-top: 5%;
        }
        section#seccion2
        {
          margin-bottom: 2%;
        }
        img#img-guru
        {
          margin: 0 auto;
        }
        img#img-guru-herramienta
        {
          margin: 0 auto;
          margin-top: -6%;
        }
        section#vinculacion
        {
          margin-bottom: 6%;
        }
        button#btn1.btn.btn-primary
       {
         color: #4f4f4e;
         background-color: white;
         border: 1px solid #4f4f4e;
         width: 16%;
         margin-top: 3%;
         padding: 1%;
         font-weight: bold;
         margin-bottom: 3%;
       }
       button#btn1.btn.btn-primary:hover
       {
          color: white;
          background-color: #4f4f4e;
       }
        div.col-md-12.text-center
        {
          background-color: #8640ae;

        }
        p#descubre
        {
          color: white;
          font-size: 130%;
          margin-top: 2%;
        }
        hr#linea
        {
          width: 66%;
        }
        hr#linea1
        {
          width: 66%;
          margin-bottom: 8%;
        }
        section#el_reto
        {
          margin-bottom: 5%;
        }
        div#areas.col-md-12.text-center
        {
          background-color: white;
        }


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

       
        }


      @media only screen and (max-width: 992px) {
         
          
          button#btn1.btn.btn-primary
          {
           width: 20%;
          }

        } 

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

           
          button#btn1.btn.btn-primary
          {
           width: 22%;
          }

        } 


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

          
          button#btn1.btn.btn-primary
          {
            width: 27%;
          }

        } 

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

       
          button#btn1.btn.btn-primary
          {
            width: 35%;
          }


        }