@import url('vars.css');

footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-right: 5%;
    padding-left: 5%;
}

.projects {
    font-family: var(--text-font-family), sans-serif;
    font-size: var(--text-font-size);
    display: flex;
    flex-direction: row;
    width: 50vw;
    align-items: center;
    justify-content: space-around;
}

.contact-info {
    font-family: var(--text-font-family), sans-serif;
    font-size: var(--text-font-size);
    text-align: center;
    line-height: 1;
    width: 25vw;
}

@media (max-width: 600px) {
    .projects {
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        min-height: 18vh;
    }
}

@media (max-width: 400px) {
    .projects {
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        min-height: 15vh;
    }
}