@import url('https://fonts.googleapis.com/css2?family=Lora&display=swap');


.footer{

    color: #e1e1f5;
    background-color: #0d1629;
    padding: 20px 10% 1px 10%;
    font-family: 'Lora', serif;
  }
  .title-footer{
      color: white;
      font-size: 30px;
      font-weight: 600;
  }
  .bor{
      border-bottom: solid 2px red;
  }
.card-footer{
    margin: 0 auto;
    width: 22%;
}
.about-footer{
    width: 36%;
}
.icons-footer{
    
    margin: 0 10px;
    font-size: 35px;
}

.footer .row{
    width: 99.99% !important;
}
.link-footer > a:hover{
    color: red;
    text-shadow:0 2px 2px rgba(100, 0,0, 1);
}
/*
.foot-active{
    position: fixed;
}
*/
@media screen and (max-width:1024px){
    .footer{
        padding: 20px 2% 1px 2%;
    }
} 
@media screen and (max-width:900px){
    .footer{
        padding: 30px 10% 1px 10%;
    }
    .card-footer{
        margin: 0 auto;
        width: 40%;
    }
   
}
@media screen and (max-width:900px){
    .footer{
        padding: 20px 1% 1px 1%;
    }
    
}
@media screen and (max-width:700px){
    .footer{
        padding: 30px 10% 1px 10%;
    }
    .card-footer{
        margin: 0 auto;
        width: 100%;
    }
}