/*configurações globais*/
* {
    margin: 0;
    box-sizing: border-box;
}


/*Logo da M3 Academy*/
.page-header {
    display: flex;
    justify-content: center;
    background-color: black;
    padding: 29px 0 29px;

}

.logo-m3 {
    width: 12%;
    height: 42%;
    min-height: 23px;
    min-width: 110px;
}
/*Banner do top*/
.banner-principal {
    max-width: 100%;
    min-height: 19%;
}

.banner-big {
    display: block;
    width: 100%;
    height: auto;
}

.banner-big-mobile {
    display: none;
    width: 100%;
    max-height: 11%;
    min-height: 598px;
    
}

@media screen and (max-width: 1023px) {
    .banner-big {
        display: none;
    }

    .banner-big-mobile {
        display: block;
    }

    .banner-principal {
        min-height: 11%;
    }
}