@media (orientation: landscape) {
     main {
    width: 50vw;
    margin: auto;
    }
/* sectionAbout */

#sectionAbout img {
    float: right;
}


.designProjectsPresentation .portrait {
    min-width:  calc(40% - var(--sizeFontBase) * 2);
    max-width:  calc(45% - var(--sizeFontBase) * 2);
    margin:  calc(   var(--sizeFontBase)*1) 0;
}

.designProjectsPresentation .paysage {
    min-width:  calc(40% - var(--sizeFontBase) * 2);
    max-width:  calc(100% - var(--sizeFontBase) * 2);
    min-height: 50vh;
    margin:  calc(   var(--sizeFontBase)*1) 0;
}
#sectionDesignColl img {
    display: inline-block;
    max-width: 49%;
    min-width: 32.6%;


}
}

@media (orientation: portrait) {
     main {
    width: 80vw;
    margin: auto;
    }

    #sectionDesignColl img {
    display: inline-block;
    max-width: 100%;
    min-width: 32.6%;


}
}