@media (min-width:992px) {
    heading   
    .mainrow {
        background: linear-gradient(90deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 2fr 32fr 10fr 19fr 1fr;
        grid-template-rows: 4px 32px 32px 27px 27px 31px;
        grid-template-areas: ". . . . ." ". Busname Busname Support-link ." ". Busname Busname Phone ." ". motto . Email ." ". motto . Hours ." ". support-types headmenu headmenu .";
    }

    .Busname {
        grid-area: Busname;
        font-size: 50px;
    }

    .motto {
        grid-area: motto;
        font-size: 20px;
    }

    .mailto {
        grid-area: Email;
    }

    .support-link {
        grid-area: Support-link;
        font-size: 20px;
    }

    .headmenu {
        grid-area: headmenu;
        background-color: #FFCA33;
        float: left;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        padding: 0;
        justify-content: space-around;
    }

    li {
        display: inline;
        margin-left: 20px;
    }

    /* Add a color to the active/current link */
    .headmenu a.active {
        color: black;
    }

    footer {
        background: linear-gradient(270deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 3fr 88fr 3fr;
        grid-template-rows: 46px;
        grid-template-areas: 'Coverage Coverage Coverage';
    }
}

@media (min-width:768px) and (max-width:991px) {
    heading   
    .mainrow {
        background: linear-gradient(90deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 13fr 200fr 83fr 41fr 156fr 12fr;
        grid-template-rows: 4px 32px 34px 60px 34px 33px;
        grid-template-areas: '. . . . . .' '. Busname Busname Busname Support-link .' '. Busname Busname Busname Phone .' '. motto motto . Email .' '. motto motto . Hours .' '. support-types headmenu headmenu headmenu .';
    }

    .Busname {
        grid-area: Busname;
        font-size: 48px;
        vertical-align: middle;
    }

    .motto {
        grid-area: motto;
        font-size: 20px;
        vertical-align: middle;
    }

    .mailto {
        grid-area: Email;
        font-size: 19px;
        text-align: centre;
    }

    .support-link {
        grid-area: Support-link;
        font-size: 20px;
    }

    .hours {
        grid-area: hours;
        font-size: 20px;
    }

    .phone {
        grid-area: photo;
        font-size: 20px;
    }

    .support-types {
        grid-area: support-types;
        font-size: 20px;
    }

    .facebook {
        grid-area: facebook;
        font-size: 40px;
    }

    .headmenu {
        grid-area: headmenu;
        background-color: #FFCA33;
        float: left;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        font-size: 20px;
        padding: 0;
        justify-content: space-around;
    }

    footer {
        background: linear-gradient(270deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 3fr 88fr 3fr;
        grid-template-rows: 43px;
        grid-template-areas: 'Coverage Coverage Coverage';
    }

    .coverage {
        grid-area: coverage;
        font-size: 14px;
    }
}

@media (min-width:500px) and (max-width:767px) {
    heading   
  .mainrow {
        background: linear-gradient(90deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 15fr 180fr 13fr 62fr 134fr 15fr;
        grid-template-rows: 5px 29px 21px 41px 24px 22px;
        grid-template-areas: '. . . . . .' '. Busname Busname Busname Support-link .' '. Busname Busname Busname Phone .' '. motto motto . Email .' '. motto motto . Hours .' '. support-types headmenu headmenu headmenu .';
    }

    .Busname {
        display: grid;
        display: table-cell;
        grid-area: Busname;
        font-size: 29px;
        align-items: center;
        justify-items: center;
    }

    .motto {
        grid-area: motto;
        font-size: 14px;
        vertical-align: middle;
    }

    .mailto {
        grid-area: Email;
        font-size: 14px;
        text-align: centre;
        vertical-align: middle;
    }

    .support-link {
        grid-area: Support-link;
        font-size: 16px;
    }

    .support-types {
        grid-area: support-types;
        font-size: 15px;
        vertical-align: middle;
    }

    .phone {
        grid-area: photo;
        font-size: 13px;
        vertical-align: middle;
    }

    .hours {
        grid-area: hours;
        font-size: 15px;
        vertical-align: middle;
    }

    .headmenu {
        grid-area: headmenu;
        background-color: #FFCA33;
        float: left;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        font-size: 15px;
        padding: 0;
        justify-content: space-around;
    }

    footer {
        background: linear-gradient(270deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 3fr 88fr 3fr;
        grid-template-rows: 41px;
        grid-template-areas: 'Coverage Coverage Coverage';
    }

    .coverage {
        grid-area: coverage;
        font-size: 11px;
    }
}

@media (min-width:360px) and (max-width:500px) {
    heading   
  .mainrow {
        background: linear-gradient(90deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 32fr 268fr 43fr 143fr 17fr;
        grid-template-rows: 5px 26px 18px 44px 19px 16px;
        grid-template-areas: '. . . . .' '. Busname Busname Support-link .' '. . Phone Phone .' '. motto Email Email .' '. support-types Hours Hours .' '. headmenu headmenu headmenu .';
    }

    .Busname {
        display: grid;
        display: table-cell;
        grid-area: Busname;
        font-size: 22px;
        align-items: center;
        justify-items: center;
    }

    .motto {
        grid-area: motto;
        font-size: 10px;
        vertical-align: top;
    }

    .mailto {
        grid-area: Email;
        font-size: 11px;
        vertical-align: middle;
    }

    .support-link {
        grid-area: Support-link;
        font-size: 10px;
    }

    .support-types {
        grid-area: support-types;
        font-size: 12px;
        vertical-align: middle;
    }

    .phone {
        grid-area: photo;
        font-size: 12px;
        vertical-align: middle;
    }

    .hours {
        grid-area: hours;
        font-size: 12px;
        vertical-align: middle;
    }

    .headmenu {
        grid-area: headmenu;
        background-color: #FFCA33;
        float: left;
        color: #f2f2f2;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        padding: 0;
        justify-content: space-around;
    }

    footer {
        background: linear-gradient(270deg, #e65c00, #F9D423);
        display: grid;
        grid-template-columns: 3fr 88fr 3fr;
        grid-template-rows: 60px;
        grid-template-areas: 'Coverage Coverage Coverage';
    }

    .coverage {
        grid-area: coverage;
        font-size: 11px;
    }
}

}

}