@media (min-width: 992px) {
    div.signs {

        display: grid;
        grid-template-areas: "TOP20 TOP5 .";
        grid-template-columns: 300px 300px auto;
        grid-template-rows: 200px;
        margin-top: 50px;

    }

    div.top20 {

        grid-area: TOP20;
        justify-self: start;

    }

    div.top5 {

        grid-area: TOP5;
        justify-self: start;

    }

    div.mastersign {

        z-index: 100;
        position: absolute;
        margin-top: -280px;
        margin-left: 60%;

    }

}

@media (max-width: 991px) {
    div.signs {

        display: grid;
        grid-template-areas: "TOP20 .""TOP5 .";
        grid-template-columns: 300px auto;
        grid-template-rows: 200px 200px;
        margin-top: 50px;

    }

    div.top20 {

        grid-area: TOP20;
        justify-self: start;

    }

    div.top5 {

        grid-area: TOP5;
        justify-self: start;

    }

    div.mastersign {

        position: relative;
        margin-left: 20%;
        margin-top: 5%;

    }

}