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



.footer-page{

    background-color: #1e1e1e;
    color: white;
    width: 100vw;
    height: 150px;
    margin-bottom: 0;

    width: 100%;
    height: auto;
    padding: 2.5%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.mainFooter1{
    width: 300px;
    height: auto;
    text-align: left;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /* border: solid 3px blue; */
}

.mainFooter2{
    /* border: solid 3px red; */
    width: 330px;
    height: auto;
    text-align: end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.footerHref{
    color: white;
    transition: 0.2s;
}

.footerHref:visited, .footerHref:link, .footerHref:active{
    text-decoration: none;
}

.footerHref:hover{
    color: #a42626;
}

@media screen and (max-width: 750px){
    
    .footer-page{
        width: auto;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    
    .mainFooter1{
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    
    .mainFooter2{
        text-align: center;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }


}