div#cont-img-inicio.col-md-12
       {
         padding: 0%;
       }
      
        section#seccion1
        {
           margin-top: 3%;
        }
       
        p#p1
        {
          font-size: 120%;
          margin-bottom: 2%;
        }
        h1#macaria
        {
          margin-bottom: 4%;
        }
        hr#linea
        {
          width: 70%;
          background-color: #eee;
          background-color: rgba(0,0,0,0.13);
          border: 0pt none;
          color: #eee;
          color: rgba(0,0,0,0.13);
          height: 1px;
          margin: 0 auto;
          text-align: center;
        }
        strong#ser
        {
          color: #c255b9;
          font-size: 66%;
        }
        h4#servicios
        {
          color: #c225b9;
          margin-top: 3%;
        }
        a#link
        {
          font-size: 135%;
          color: #4f4f4e;
          text-decoration: underline;
          font-weight: bold;
        }
        a#link:hover
        {
          text-decoration: none;
          color: #66a3ff;
        }
        div#equipo.col-md-6.text-center
        {
           font-weight: bold;
           color: #c255b9;
           font-size: 120%;
        }
        div#contactos.col-md-6.text-center
        {
           font-weight: bold;
           color: #c255b9;
           font-size: 125%; 
        }
        button#btn1.btn.btn-primary
        {
         color: #4f4f4e;
         background-color: white;
         border: 1px solid #4f4f4e;
         width: 30%;
         margin-top: 3%;
         padding: 1%;
         font-weight: bold;
         margin-bottom: 3%;
         padding: 2%;
        }
       button#btn1.btn.btn-primary:hover
       {
          color: white;
          background-color: #4f4f4e;
       }
       div#email.col-md-12
       {
         margin-top: 18%;
       }

       @media only screen and (max-width: 1200px) {
          button#btn1.btn.btn-primary
          {
            width: 40%;
          }
           
       }
       section#seccion2
       {
         margin-bottom: 4%;
       }
       section#seccion3
       {
         margin-bottom: 3%;
       }
       section#seccion4
       {
         margin-bottom: 10%;
       }
       div#botones.col-md-12
       {
         margin-top: 12%;
       }

       @media only screen and (max-width: 992px) {
          
       img#disenio.img-responsive
       {
         margin-left: -3%;
       }
       img#social.img-responsive
       {
         margin-left: -3%;
       }
       img#publicidad.img-responsive
       {
         margin-left: -3%;
       }

       }