footer{
    background-color: #191919;
    color: #FCF8EC;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-top: 100px;
}
.footer-section{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    padding-left: 6rem;
    padding-right: 6rem;
    padding-bottom: 0rem;
}

.footer-section .info > img{
    max-width: 152px;
    max-height: 62px;
}
.doc-links{
    padding-left: 1rem;
    display: flex;
    flex-direction: row;
    gap: 1rem;
}
.info{
    display: flex;
    flex-direction: column;
}
.info p{
    padding-left: 1.5rem;
}

.socials{
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding-left: 1.5rem;
    margin-top: 10px;
}

.socials img{
    max-width: 18px;
    max-height: 18px;
}
@media screen and (max-height:786px) and (orientation: landscape) {
    footer{
        padding-bottom: 5rem;
    }
}
@media (max-width: 768px) {
    footer{
        padding-top: 1rem;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
    }
    .footer-section{
        flex-direction: row;
        align-items: start;
        justify-content: center;
        padding: 0rem;
        text-align: center;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
    }
    .doc-links{
        padding-top: 1rem;
        justify-content: end;
        text-align: end;

        align-items: end;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
    .info{
        justify-content: start;
        text-align: start;
        align-items: start;
        display: flex;
        flex-direction: column;
    }

    .info p{
        padding-left: 0px;
    }
    .info img {
        max-width: 80px;
        max-height: 40px;
    }

    .socials img{
        max-width: 18px;
        max-height: 18px;
    }
    .madeby{
        align-self: end;
        grid-column-start: 1;
        grid-column-end: 3;
        padding-top: 20px;
    }
  }