.header-entity {
        display: grid;
        height:auto;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;

        grid-template-areas:
                "company-name"
                "company-contact";


        width:100%;
        /*grid-row-gap: 10px;*/
        margin: auto;
}


@media only screen and (min-width:500px) {
        .header-entity{
        display: grid;
        grid-template-columns: 0.7fr 0.3fr;
        grid-auto-rows: auto;
        grid-template-areas:
            "company-name company-contact";
        /*grid-column-gap: 10px;
        grid-row-gap:10px;*/
        width:90%;
        margin: auto;
    }
}
.container-entity {
        display: grid;
        height:auto;
        grid-template-columns: 1fr;
        grid-auto-rows: auto;

        grid-template-areas:
                "ematchmaker"
                "epaygateway"
                "egrouply";


        width:100%;
        grid-row-gap: 10px;
        margin: auto;
}

epaygateway{
background-color: #47ffeb;
grid-area: epaygateway;
margin-left: 1%;
margin-right: 1%;
margin-top: 20px;
margin: 2px;
}


epaygateway{
background-color: #47ffeb;
grid-area: epaygateway;
margin-left: 1%;
margin-right: 1%;
margin-top: 20px;
margin: 2px;
}

egrouply{
background-color: #47ffeb;
grid-area: epaygateway;
margin-left: 1%;
margin-right: 1%;
margin-top: 20px;
margin: 2px;
}

@media only screen and (min-width:500px) {
        .container-entity{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-auto-rows: auto;
        grid-template-areas:
            "ematchmaker epaygateway egrouply";
        grid-column-gap: 10px;
        grid-row-gap:10px;
        width:90%;
        margin: auto;
    }
}