footer{
     background-color:#575E68;
     color:#a1a4ad;
     font-size:27px;
     padding-top:40px;
     padding-bottom:40px;
     text-align:center;
}
 footer .white-c{
     color:white;
}
 .social-media{
     background-color:#868A93;
     padding-top:25px;
     padding-bottom:25px;
     color:#fff;
     font-size:45px;
     text-align:center;
}
 .social-media a{
     color:#fff;
}
 .social-media i{
     transition:0.3s;
}
 .social-media i:hover{
     color:#81ca9e;
}
 .padding-in-between{
     margin-left:30px;
     margin-right:30px;
}
 @media screen and (max-width:2100px){
     footer{
         font-size:20px;
         padding-top:25px;
         padding-bottom:25px;
    }
     .social-media{
         padding-top:20px;
         padding-bottom:20px;
         font-size:35px;
    }
     .padding-in-between{
         margin-left:25px;
         margin-right:25px;
    }
}
 @media screen and (max-width:1750px){
     footer{
         font-size:19px;
         padding-top:23px;
         padding-bottom:23px;
    }
     .social-media{
         padding-top:20px;
         padding-bottom:20px;
         font-size:32px;
    }
     .padding-in-between{
         margin-left:22px;
         margin-right:22px;
    }
}
 @media screen and (max-width:1600px){
     footer{
         font-size:17px;
         padding-top:23px;
         padding-bottom:23px;
    }
     .social-media{
         padding-top:20px;
         padding-bottom:20px;
         font-size:28px;
    }
     .padding-in-between{
         margin-left:22px;
         margin-right:22px;
    }
}
 @media screen and (max-width:1400px){
     footer{
         font-size:13px;
         padding-top:18px;
         padding-bottom:18px;
    }
     .social-media{
         padding-top:18px;
         padding-bottom:18px;
         font-size:22px;
    }
     .padding-in-between{
         margin-left:17px;
         margin-right:17px;
    }
}