.page-footer-container {
    background-color: #fff;
    border-top: solid 1px #ddd;
    padding: 16px;
    margin-top: 96px;
}

.page-footer-container .container > p {
    text-align: center;
}

.page-footer-container .container > div.unimestre-flexbox {
    display: flex;
    justify-content: space-evenly;
}

.page-footer-container .container > div.unimestre-flexbox > div > div {
    display: flex;
    align-items: center;
    margin: 8px 0px;
}

.page-footer-container .container > div.unimestre-flexbox > div > div i {
    margin-right: 8px;
}

.page-footer-container .container > div.unimestre-flexbox > div.unimestre-social > div i {
    width: 24px;
    height: 24px;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
}


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

    .page-footer-container .container > div.unimestre-flexbox > div > div span {
        font-size: 12px;
    }

}

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

    .page-footer-container .container > div.unimestre-flexbox {
        flex-direction: column;
    }

}