/* Desktop */
@media screen and (min-width : 1280px) {
    main {
        margin-left: 11vw;
        margin-top: 10vh;
        min-height: 65vh;
        display: grid;
        grid-template-columns: 70% 30%;
    }
    #btext {
        width: 100%;
        padding: 2vh 2vw;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
        gap: 2vh;
    }
    #btext > h1 {
        margin-top: 5vh;
        margin-bottom: 15vh;
        font-family: 'garden';
        font-size: 3.5em;
    }
    #btext > h3 {
        font-family: 'bellerose';
        font-size: 1.8em;
    }
    #btext > p {
        line-height: 2em;
    }
    #bimg {
        padding: 4vh 1vw;
    }
    #bimg > img {
        width: 100%;
    }
    
}

/* Tablette */
@media  screen and (min-width : 768px) and (max-width : 1279px) {
    main {
        padding: 2vw;
        display: grid;
        grid-template-columns: 45% 55%;
    }
    #btext {
        width: 100%;
        padding: 2vh 2vw;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
        gap: 2vh;
    }
}

/* Mobile */
@media screen and (max-width : 767px) {
    main {
        padding: 2vw;
    }
}