.outer-container { width: 90%; margin: 0 auto; }
.inner-container { margin: 30px auto; display: -ms-grid; -ms-grid-columns: 1fr 15px 1fr; -ms-grid-rows: 200px 200px 200px; display: grid; grid-columns: 1fr 15px 1fr; grid-rows: 200px 200px 200px; grid-template-columns: 1fr 15px 1fr; grid-template-rows: 200px 200px 200px; justify-content: left; justify-items: left; }

#report_hub_subhead { display: -ms-grid; -ms-grid-columns: 1fr 20px 160px; -ms-grid-rows: 55px; display: grid; grid-columns: 1fr 20px 160px; grid-rows: 55px; grid-template-columns: 1fr 20px 160px; grid-template-rows: 55px;  }
#report_hub_subhead > p { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
#report_hub_subhead > a { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; }
#report_hub_subhead > a { padding: 12px 20px; background-color: #808080; color: #f2f3f4; text-align: center; font-weight: bold; border: 2px solid #d9d9d9; border-radius: 10px; }
#report_hub_subhead > a:hover { background-color: #c1c1c1; border: 2px solid #e9e9e9; }


#issue1_container { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
#issue2_container { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; }
#issue3_container { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; }
#issue4_container { -ms-grid-column: 3; -ms-grid-row: 2; grid-column: 3 / 4; grid-row: 2 / 3; }
#issue5_container { -ms-grid-column: 1; -ms-grid-row: 3; grid-column: 1 / 2; grid-row: 3 / 4; }
#issue6_container { -ms-grid-column: 3; -ms-grid-row: 3; grid-column: 3 / 4; grid-row: 3 / 4; }



.issue-tile__container { padding: 10px; width: 100%; }
.issue-tile__container .issue-tile__link { text-decoration: none; display: -ms-grid; display: grid; -ms-grid-columns: 150px 10px 1fr; -ms-grid-rows: 50px 100px; grid-columns: 150px 10px 1fr; grid-rows: 50px 100px; grid-template-columns: 150px 10px 1fr; grid-template-rows: 50px 100px; }
.issue-tile__container .issue-tile__link:hover .issue-tile__btn { box-shadow: 0px 0px 8px 2px rgba(10,10,10,0.5); }

.inner-container .issue-tile__container svg { width: 100px; height: 100px; }



.issue-tile__container .issue-tile__link .issue-tile__btn { background-color:#f8f8f8; border-radius:100%; text-align: center; padding: 20px; transition: 0.5s; -ms-grid-column: 1; -ms-grid-row: 1; -ms-grid-row-span: 2; grid-column: 1 / 2; grid-row: 1 / 3; } 
.issue-tile__container .issue-tile__link h4   { -ms-grid-column: 3; -ms-grid-row: 1; grid-column: 3 / 4; grid-row: 1 / 2; margin: 8px; color: #333; font-size: 21px; font-family: Verdana; font-weight: bold; }
.issue-tile__container .issue-tile__link p   { -ms-grid-column: 3; -ms-grid-row: 2; grid-column: 3 / 4; grid-row: 2 / 3; margin: 8px; color: #333; font-size: 17px; font-family: Verdana; }






.phone-web { display: block; }
.phone-mobile { display: none; }
.phone-web img { width: 28px; margin-right: 8px; }



/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:978px){

    .inner-container { -ms-grid-columns: 1fr; -ms-grid-rows: 150px 10px 150px 10px 150px 10px 150px 10px 150px 10px 150px; grid-columns: 1fr; grid-rows: 150px 10px 150px 10px 150px 10px 150px 10px 150px 10px 150px; grid-template-columns: 1fr; grid-template-rows: 150px 10px 150px 10px 150px 10px 150px 10px 150px 10px 150px; }

    #report_hub_subhead { -ms-grid-columns: 1fr; -ms-grid-rows: 50px 60px; grid-columns: 1fr; grid-rows: 50px 60px; grid-template-columns: 1fr; grid-template-rows: 50px 60px;  }
    #report_hub_subhead > p { -ms-grid-column: 1; -ms-grid-row: 2; grid-column: 1 / 2; grid-row: 2 / 3; }
    #report_hub_subhead > a { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }



    #issue1_container { -ms-grid-column: 1; -ms-grid-row: 1; grid-column: 1 / 2; grid-row: 1 / 2; }
    #issue2_container { -ms-grid-column: 1; -ms-grid-row: 3; grid-column: 1 / 2; grid-row: 3 / 4; }

    #issue3_container { -ms-grid-column: 1; -ms-grid-row: 5; grid-column: 1 / 2; grid-row: 5 / 6; }
    #issue4_container { -ms-grid-column: 1; -ms-grid-row: 7; grid-column: 1 / 2; grid-row: 7 / 8; }

    #issue5_container { -ms-grid-column: 1; -ms-grid-row: 9; grid-column: 1 / 2; grid-row: 9 / 10; }
    #issue6_container { -ms-grid-column: 1; -ms-grid-row: 11; grid-column: 1 / 2; grid-row: 11 / 12; }


    .issue-tile__container .issue-tile__link { -ms-grid-columns: 120px 10px 1fr; -ms-grid-rows: 40px 80px; grid-columns: 120px 10px 1fr; grid-rows: 40px 80px; grid-template-columns: 120px 10px 1fr; grid-template-rows: 40px 80px; }
    .inner-container .issue-tile__container svg { width: 80px; height: 80px; }

    .issue-tile__container .issue-tile__link h4   { font-size: 17px; }
    .issue-tile__container .issue-tile__link p   { font-size: 14px; }


    .phone-web { display: none; }
    .phone-mobile { display: block; padding: 3px 0; }
    .phone-mobile img { width: 28px; margin-right: 8px; }
    .phone-mobile a { padding: 0; }
}