@media(min-width: 1366px) {
    footer {
        background-color: var(--secondary-color);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        padding: 50px 10% 100px 10%;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .footer-logo {
        width: 120px;
    }
    .footer-emblem {
        width: 25px;
        vertical-align: middle;
    }
    .footer-divider {
        width: 100%;
        height: 1px;
        background: rgba(78, 164, 176, 0.2);
        margin: 0 0 15px 0;
    }
    footer ul:nth-child(5) {
        /* display: none; */
    }
    footer ul {
        max-width: 300px;
        margin: 0;
        padding: 0;
        list-style: none;
        align-self: flex-start;
    }
    footer ul li {
        font-family: avenir-lt-pro, sans-serif;
        margin: 0;
        padding: 5px 0;
        color: var(--font-color);
        font-size: 17px;
        font-weight: 300;
    }
    footer h4 {
        font-family: source-serif-4-display, serif;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1;
        font-style: italic;
        font-size: 25px;
        font-weight: 700;
        color: var(--accent-color);
    }
    footer a {
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: var(--font-color);
        font-family: avenir-lt-pro, sans-serif;
        font-size: inherit;
        font-weight: 300;
        transition: all 0.1s ease-out;
    }
    footer a:hover {
        color: var(--font-color);
        text-decoration: underline;
    }
    .credit-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .credit-cards img {
        width: 30px;
        margin: 0 20px 0 0;
    }
    .creator {
        background-color: var(--secondary-color);
        padding: 20px 10%;
        border-top: 1px solid rgba(78, 164, 176, 0.2);
    }
    .creator p {
        font-family: avenir-lt-pro, sans-serif;
        text-align: center;
        font-size: 16px;
        font-weight: 300;
        color: var(--font-color);
    }
    .creator a {
        font-family: avenir-lt-pro, sans-serif;
        text-decoration: none;
        color: var(--accent-color);
    }
}

@media(max-width: 1366px) and (min-width: 1024px) {
    footer {
        background-color: var(--secondary-color);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        padding: 50px 5% 100px 5%;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .footer-logo {
        width: 120px;
    }
    .footer-emblem {
        width: 20px;
        vertical-align: middle;
    }
    .footer-divider {
        width: 100%;
        height: 1px;
        background: rgba(78, 164, 176, 0.2);
        margin: 0 0 15px 0;
    }
    footer ul:nth-child(5) {
        /* display: none; */
    }
    footer ul {
        max-width: 300px;
        margin: 0;
        padding: 0;
        list-style: none;
        align-self: flex-start;
    }
    footer ul li {
        font-family: avenir-lt-pro, sans-serif;
        margin: 0;
        padding: 5px 0;
        color: var(--font-color);
        font-size: 17px;
        font-weight: 300;
    }
    footer h4 {
        font-family: source-serif-4-display, serif;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1;
        font-style: italic;
        font-size: 25px;
        font-weight: 700;
        color: var(--accent-color);
    }
    footer a {
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: var(--font-color);
        font-family: avenir-lt-pro, sans-serif;
        font-size: inherit;
        font-weight: 300;
        transition: all 0.1s ease-out;
    }
    footer a:hover {
        color: var(--font-color);
        text-decoration: underline;
    }
    .credit-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .credit-cards img {
        width: 30px;
        margin: 0 20px 0 0;
    }
    .creator {
        background-color: var(--secondary-color);
        padding: 20px 5%;
        border-top: 1px solid rgba(78, 164, 176, 0.2);
    }
    .creator p {
        font-family: avenir-lt-pro, sans-serif;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        color: var(--font-color);
    }
    .creator a {
        font-family: avenir-lt-pro, sans-serif;
        text-decoration: none;
        color: var(--accent-color);
    }
}

@media(max-width: 1024px) and (min-width: 769px) {
    footer {
        background-color: var(--secondary-color);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        padding: 50px 5% 100px 5%;
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        flex-wrap: nowrap;
    }
    .footer-logo {
        width: 120px;
    }
    .footer-emblem {
        width: 20px;
        vertical-align: middle;
    }
    .footer-divider {
        width: 100%;
        height: 1px;
        background: rgba(78, 164, 176, 0.2);
        margin: 0 0 15px 0;
    }
    footer ul:nth-child(5) {
        /* display: none; */
    }
    footer ul {
        max-width: 200px;
        margin: 0;
        padding: 0;
        list-style: none;
        align-self: flex-start;
    }
    footer ul li {
        font-family: avenir-lt-pro, sans-serif;
        margin: 0;
        padding: 5px 0;
        color: var(--font-color);
        font-size: 16px;
        font-weight: 300;
    }
    footer h4 {
        font-family: source-serif-4-display, serif;
        margin: 0 0 10px 0;
        padding: 0;
        line-height: 1;
        font-style: italic;
        font-size: 20px;
        font-weight: 700;
        color: var(--accent-color);
    }
    footer a {
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: var(--font-color);
        font-family: avenir-lt-pro, sans-serif;
        font-size: inherit;
        font-weight: 300;
        transition: all 0.1s ease-out;
    }
    footer a:hover {
        color: var(--font-color);
        text-decoration: underline;
    }
    .credit-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .credit-cards img {
        width: 30px;
        margin: 0 20px 0 0;
    }
    .creator {
        background-color: var(--secondary-color);
        padding: 20px 5%;
        border-top: 1px solid rgba(78, 164, 176, 0.2);
    }
    .creator p {
        font-family: avenir-lt-pro, sans-serif;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        color: var(--font-color);
    }
    .creator a {
        font-family: avenir-lt-pro, sans-serif;
        text-decoration: none;
        color: var(--accent-color);
    }
}

@media(max-width: 769px) {
    footer {
        background-color: var(--secondary-color);
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: no-repeat;
        position: relative;
        margin: 0;
        padding: 50px 5% 100px 5%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .footer-logo {
        width: 120px;
    }
    .footer-emblem {
        width: 25px;
        vertical-align: middle;
    }
    .footer-divider {
        width: 100%;
        height: 1px;
        background: rgba(78, 164, 176, 0.2);
        margin: 0 0 15px 0;
    }
    footer ul:nth-child(5) {
        display: none;
    }
    footer ul {
        max-width: 100%;
        margin: 0 0 25px 0;
        padding: 0;
        list-style: none;
        align-self: flex-start;
    }
    footer ul li {
        font-family: avenir-lt-pro, sans-serif;
        margin: 0;
        padding: 5px 0;
        color: var(--font-color);
        font-size: 16px;
        font-weight: 300;
    }
    footer h4 {
        font-family: source-serif-4-display, serif;
        margin: 0 0 5px 0;
        padding: 0;
        line-height: 1;
        font-style: italic;
        font-size: 20px;
        font-weight: 700;
        color: var(--accent-color);
    }
    footer a {
        display: block;
        margin: 0;
        padding: 0;
        text-decoration: none;
        color: var(--font-color);
        font-family: avenir-lt-pro, sans-serif;
        font-size: inherit;
        font-weight: 300;
        transition: all 0.1s ease-out;
    }
    footer a:hover {
        color: var(--font-color);
        text-decoration: underline;
    }
    .credit-cards {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }
    .credit-cards img {
        width: 30px;
        margin: 0 20px 0 0;
    }
    .creator {
        background-color: var(--secondary-color);
        padding: 20px 5% 75px 5%;
        border-top: 1px solid rgba(78, 164, 176, 0.2);
    }
    .creator p {
        font-family: avenir-lt-pro, sans-serif;
        text-align: center;
        font-size: 15px;
        font-weight: 300;
        color: var(--font-color);
    }
    .creator a {
        font-family: avenir-lt-pro, sans-serif;
        text-decoration: none;
        color: var(--accent-color);
    }
}