.footer {

    background-color: #be000f;

    color: rgba(255, 255, 255, 0.9);

}



.footer hr {

    background-color: #ffc800;

}



.footer a {

    text-decoration: none;

    color: #f5d358;

}



.footer a:hover {

    text-decoration: none;

    color: #ffc800;

}



.social{

    font-size: 2rem;

    color: white;

    transition: all 0.3s ease-in-out;

}



.social:hover{

    transform: scale(1.1);

}



.red{

    color: #be000f!important;

    transition: all 0.3s ease-in-out!important;

}



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

    .footer.align-items-end {

        align-items: center !important;

    }

}