main {
    text-align: justify;
}

main h2 {
    padding: 10vh 0 0 6vw;
}

section img {
    max-width: 15vw;
}

section > div {
    display: flex;
    flex-direction: row;
    gap: 4vw;
}

#section-aphasia > div > div:nth-child(1),
#section-neuro-and-ortho > div > div:nth-child(1) {
    display: flex;
    flex-direction: row;
    gap: 4vw;

    text-align: center;
}

#section-aphasia > div > div:nth-child(2),
#section-neuro-and-ortho > div > div:nth-child(2),
#section-gali > div > div:nth-child(2),
#section-wdym > div > div {
    display: flex;
    flex-direction: column;
    align-items: end;
}

main h2,
main h3 {
    text-align: left;
}

#section-gali img {
    max-width: 40vw;
}

@media only screen and (max-width: 992px) {
    section > div {
        display: flex;
        flex-direction: column-reverse;
    }

    #section-aphasia > div > div:nth-child(1),
    #section-neuro-and-ortho > div > div:nth-child(1) {
        flex-direction: column;
    }

    section img {
        max-width: 60vw;
    }
    #section-gali img {
        max-width: 80vw;
    }
    section img[alt^="Logo"] {
        max-width: 15vw !important;
    }

    #section-wdym :not(img[alt^="Logo"]),
    #section-gali :not(img[alt^="Logo"]) {
        margin: auto;
        margin-top: 1vh;
        margin-bottom: 1vh;
    }
}

.bg-custom {
    background-color: #262746 !important;
}

.bg-custom-white {
    background-color: #faf5ef !important;
}

.font-custom {
    color: #F3D3ADFF !important;
}

.btn:hover {
    filter: brightness(1.2);
}