@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

body {
    background-color: #fff;
}

.t-primary-bgcolor {
    background-color: #004282;
}

a {
    color: #337ab7;
}

.container {
    width: 1170px;
}

.header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.supply-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    font-family: "Open Sans", sans-serif;
}

.supply-links div {
    border-left: 5px solid #eeaa11;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.supply-links h2 {
    color: #000;
}

.supply-links a {
    background-color: #004282;
    color: #fff;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}

.supply-links a:hover {
    text-decoration: none;
    opacity: 0.8;
}

.contact-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    font-family: "Open Sans", sans-serif;
}

.contact-links div {
    border-left: 5px solid #eeaa11;
    padding: 0 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.contact-links h2 {
    color: #000;
}

.contact-links a {
    color: #004282;
}

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

    .supply-links,
    .contact-links {
        grid-template-columns: 1fr;
    }
}