@font-face {
  font-family: GothamLight;
  src: url(fonts/Gotham-Light.ttf);
}
.footer {
  background-color: #000000;
  color: #ffffff;
  padding-top: 2rem;
}
.footer-hr{
  background-color: #adadad;
}
.footer a{
  color: #ffffff;
}
.footer a:hover{
  color: #ffffff;
}

.footer h5{
color:white;
}

.fdiv{
width:33%;
padding:0px 15px 0px 15px;
}
.fdiv p{

}
.linkdiv a:hover{
color:#28a9e1;
}

.fdiv1{
padding-top: 15px;
}

.fdiv1 a img{
height:40px;
}

.footer_contact_info i{
color:#28a9e1;
display:inline;
padding-right: 10px;
}

.footer_contact_info p{
display:inline;
}

.footer .socials{
width:100%;
display: flex;
padding:40px 25% 40px 25%;
}

.footer .socials div{
width: 100%;	
}
.footer .socials div a{
padding:0px 10px 0px 10px;
}

.socials i:hover{
color:#28a9e1;
}

@media only screen and (max-width: 1400px) {

}

@media only screen and (max-width: 1200px) {
.footer .socials{
padding:40px 10% 40px 10%;
}
}

@media only screen and (max-width: 992px) {
.fdiv{
width:100%;
}
.footer .socials{
padding:40px 25% 40px 25%;
}
}

@media only screen and (max-width: 768px) {
.footer .socials{
padding:40px 15% 40px 15%;
}
}

@media only screen and (max-width: 576px) {
.footer .socials{
padding:40px 10% 40px 10%;
}
}