body {
    display: flex;

    flex-direction: column;

    justify-content: center;

    width: 100%;

    align-items: center;

    font-family: "Courier New", Courier, monospace;
}

.support-logos {
    height: 80%;
}

.support-logos img {
    height: 100%;
}

.support-logos img.octaser-logo {
    margin-top: 5%;
    height: 40%;
}

.logo-line {
    margin-top: 5%;

    margin-bottom: 5%;

    height: 10%;
}

.credits-title-line {
    margin-top: 1%;
}

.logo-line img {
    height: 100%;
}

.support-line {
    margin-bottom: 10px;
}

.credits-container {
    text-align: center;

    display: flex;

    flex-direction: row;

    height: 60%;

    width: 90%;

    margin-top: 30px;
}

.support-container {
    height: 13%;

    text-align: center;

    padding-top: 3%;

    padding-bottom: 3%;

    display: flex;

    justify-content: center;
}

.credits-container .credits-col {
    width: 25%;

    font-size: 1.7vh;
}

.credits-container .col-header {
    margin-bottom: 10px;

    /* font-size: 21px; */

    font-size: 2vh;
}

.credits-container .sub-header,
.credits-title-line {
    font-size: 2vh;
}

.credits-container .credits-col .col-content {
    display: flex;

    flex-direction: row;

    width: 100%;

    justify-content: center;
}

.credits-container .credits-col .sub-col {
    width: 50%;
}