.logo-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    align-items: center;

    img {
        width: 220px;
    }
}

.navbar-brand>.logo-container {
    >img {
        width: 180px;
    }
}

@media (max-width: 430px) {
    .logo-container {
        padding: 10px;
        width: auto;

        img {
            width: 150px;
        }
    }
}

/**********************************************************************
    CSS below is related to Textual-Logo
    Currently not in use.
***********************************************************************/

.logo-text-association-container {
    display: -ms-flexbox !important;
    display: flex !important;
    justify-content: center;
    height: 90px;
}

.logo-text-association {
    font-family: cursive;
    font-size: 4em;
    font-weight: bold;
    letter-spacing: 2px;
    position: absolute;

    :nth-child(1),
    :nth-child(11) {
        color: royalblue;
    }

    :nth-child(2),
    :nth-child(10) {
        color: magenta;
    }

    :nth-child(3),
    :nth-child(9) {
        color: seagreen;
    }

    :nth-child(4),
    :nth-child(8) {
        color: orangered;
    }

    :nth-child(5),
    :nth-child(7) {
        color: dodgerblue;
    }

    :nth-child(6) {
        color: orange;
    }
}

.logo-text-students {
    color: #0033FF;
    font-family: cursive;
    font-size: 0.95em;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    left: 8.5em;
    top: 1em;
}

@media (max-width: 430px) {
    .logo-text-association-container {
        height: 50px;
    }

    .logo-text-association {
        font-size: 2em;
        letter-spacing: 1px;
    }

    .logo-text-students {
        font-size: 0.65em;
        left: 6.7em;
        top: 0.3em;
    }
}