@import "_common.css";
@import "_menu.css";

@media (min-width: 481px) {
    #mnp-rheims {
        grid-template-rows: 1.30fr 0.70fr;
        margin-top: 166px;
    }
    #mnp-rheims h1 {
        grid-column: 1/6;
        grid-row: 1;
        align-self: end;
        margin: 0;
    }
    #mnp-rheims span {
        grid-column: 3/5;
        grid-row: 2;
        align-self: end;
    }
    #mnp-rheims img {
        grid-column: 6/12;
        grid-row: 1/3;
    }
    #mnp-rheims hr {
        grid-column: 3/12;
        grid-row: 3;
    }

    #ingres-koons img {
        grid-column: 1/8;
    }
    #ingres-koons span {
        grid-column: 11/8;
        align-self: end;
        text-align: right;
    }
    #ingres-koons hr {
        grid-column: 1/11;
        grid-row: 2;
    }
}

@media (max-width: 480px) {
    header nav ul li:first-of-type {
        display: none;
    }

    #mnp-rheims {
        margin-top: 149px;
    }
    #mnp-rheims span {
        text-align: right;
    }
    #mnp-rheims h1 {
        margin-top: 45px;
    }

    #ingres-koons {
        margin-top: 35px;
    }
    #ingres-koons span {
        text-align: right;
    }
}