@import url('../global.v3.css');

main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 95px;
}

.body-text {
    height: max-content;
    margin-bottom: 1rem;
}

#button-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

#main-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

#main-image figcaption {
    text-align: center;
    margin: 15px 0;
}

/* Mobile View */

@media screen and (max-width: 1260px) {
    #main-image {
        width: 50%;
    }

    .isMajor-a {
        width: max-content;
    }
}

@media screen and (max-width: 890px) {
    #button-menu {
        justify-content: center;
        margin-bottom: 50px;
    }

    #button-menu a {
        margin-bottom: 10px;
    }

    #main-image {
        width: 100%;
    }

    #main-image img {
        width: 100%;
        height: auto;
    }
}