/***************** footer ******************/

footer {
    width: 100%;
    height: 750px;
    background: #313131;
}

.logo-footer {
    width: 300px;
    height: auto;
    margin: 0 auto;
    position: relative;
    top: 10px;
}

.logo-footer img { 
   width: 100%;
}

.container-footer {
    width: 1600px;
    height: 400px;
    margin: 0 auto;
    display: flex;
    margin-top: 60px;
}

.container-footer .estructura {
  margin: 0 auto;
}

.container-footer .estructura h3 { 
    color: #616161;
    font-family: Gotham_medium;
    font-size: 15px;
    padding-bottom: 30px;
  }

.container-footer .estructura li { 
  list-style: none;
  font-family: Gotham_medium;
  margin: 6% auto;
  font-size: 17px;
}

.container-footer .estructura li a{ 
  color: #fff;
  text-decoration: none;
  transition: all .3s ease-in-out;
     -webkit-transition: all .3s ease-in-out;
}

.container-footer .estructura li img {
    position: relative;
    top: 5px;
  } 

.container-footer .estructura li a:hover { 
    color: #ff0000;
}

.footer-bottom {
    width: 100%;
    height: 200px;
    background: #000;
}

.footer-bottom .politicas { 
    width: 1580px;
    height: auto;
    margin: 0 auto;
    display: flex;
}

.footer-bottom .politicas a { 
    margin: 0 auto;
    color: #fff;
    position: relative;
    margin-top: 50px;
    font-family: Gotham_medium;
    font-size: 13px;
    transition: all .3s ease-in-out;
     -webkit-transition: all .3-s ease-in-out;
}

.footer-bottom .politicas a:hover { 
    color: #ff0000;
}

.footer-bottom .leyenda {
     width: 1200px;
     text-align: center;
     margin: 0 auto;
     border-top: 1px solid rgba(255,255,255,1);
     position: relative;
     top: 70px;
}

.footer-bottom .leyenda p {
    color: #fff;
    font-family: Gotham_medium;
    font-size: 13px;
 }


 @media screen and (max-width: 420px){
     
    /***************** footer ******************/

footer {
    width: 100%;
    height: 1300px;
    
}

.logo-footer {
    width: 170px;
    top: 10px;
}

.container-footer {
    width: 100%;
    height: auto;
    display: grid;
    margin-top: 60px;
}

.container-footer .estructura {
    margin: 0 auto;
    width: 90%;
  }

.container-footer .estructura h3 { 
    color: #616161;
    font-size: 13px;
    padding-bottom: 30px;
    text-align: left;
  }

  .container-footer .estructura li { 
    margin: 6% auto;
    font-size: 14px;
  }

  

  .footer-bottom {
    
    height: 200px;
    background: #000;
}

.footer-bottom .politicas { 
    width: 100%;
    height: auto;
    display: flex;
}

.footer-bottom .politicas a { 
    margin-top: 50px;
    font-size: 7px;
}

.footer-bottom .leyenda {
    width: 100%;
    top: 70px;
}

.footer-bottom .leyenda p {
    color: #fff;
    font-size: 6px;

 }
   

 }