footer{


    width: 100%;
    height: auto;
    background: #f0f2f2;
    /*background: -moz-radial-gradient(center, ellipse cover, rgba(8,54,77,1) 0%, rgba(13,42,56,1) 22%, rgba(1,23,34,1) 69%, rgba(1,23,34,1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(8,54,77,1)), color-stop(22%, rgba(13,42,56,1)), color-stop(69%, rgba(1,23,34,1)), color-stop(100%, rgba(1,23,34,1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(8,54,77,1) 0%, rgba(13,42,56,1) 22%, rgba(1,23,34,1) 69%, rgba(1,23,34,1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(8,54,77,1) 0%, rgba(13,42,56,1) 22%, rgba(1,23,34,1) 69%, rgba(1,23,34,1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(8,54,77,1) 0%, rgba(13,42,56,1) 22%, rgba(1,23,34,1) 69%, rgba(1,23,34,1) 100%);
    background: radial-gradient(ellipse at center, rgba(8,54,77,1) 0%, rgba(13,42,56,1) 22%, rgba(1,23,34,1) 69%, rgba(1,23,34,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08364d', endColorstr='#011722', GradientType=1 );*/

    padding-bottom: 20px;
     }


     .contieneFooter{
        width: 50%;
        margin:auto;
        padding-bottom: 20px;
        padding-top: 50px;
        display: flex;
      flex-wrap: wrap;
     }

     .ColumnasFooter{
      width: 33%;
      height: 150px;
      overflow: hidden;
      
     }
     .ColumnasFooter p{
      font-size:10px;
      width: 100%;
      margin-bottom: 5px; 
      text-align: center;
     }
     .ColumnasFooter h2{
        font-size: 1rem;
     }
    

     .ColunmaFooter{
      width: 100%;
      height: auto;
      padding-bottom: 10px;
     }

     .ColunmaFooter p{
        color: gray;
        font-size: 10px;
        font-weight: 300;
        text-align: center;

        margin-bottom: 0;
     }

     .ColunmaFooter span{
      color: orange;
      font-weight: 400;
     }
     #imgFooter{
      width: 100%;
      height: 120px;
     }
     .fondoPi{
        width: 100%;
        height: 120px;
        background-color: white;
        
     }
     .logoFooter{
      width: 100%;
      height: 50px;

      display: flex;
      flex-wrap: wrap;
     }
     .contenedoresFooter img {
          height: 85%;
      }
     .contenedoresFooter {
          width: 100%;
          height: 100%;
          display: flex;
          justify-content: center;
      }
     h2{
            font-size: .9rem;
            text-align: center;

      }
      .BotonPie{
      background-color: transparent;
      border: transparent;
      color: black;
      font-size: 10px;
      padding-left: 22px;
      }
     @media (max-width: 575.98px) { 


              footer{
                margin-top: 10px;
              }

              .ColunmaFooter{
                padding-left: 10px;
                padding-right: 10px;
              }
              .fondoPi{
                height: 80px;
              }
              #imgFooter{
                height: 80px;
              }
              .contieneFooter{
                width: 95%;
              }

     }


/****iPad en landscape****/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) { 

    h2 {
        font-size: .7rem;
    }
}
  
  
/****iPad en portrait****/
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) { 
    .contieneFooter {
       width: 97%;
    }

}