#at-a-glance { margin: 0; padding: 0; font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 400; color: #404040; font-size: 14px; }

#at-a-glance .cards { width: 90%; margin: 0 auto; display: grid; grid-template-rows: auto; grid-gap: 20px; }

@media (max-width: 599px) { #at-a-glance .cards { width: 100%; } }

@media (max-width: 599px) { #at-a-glance #section-1 .cards { grid-template-areas: "c1" "c2" "c3" "c4" "c5" "c6" "c7" "c8" "c9" "c10"; } }

@media (min-width: 600px) { #at-a-glance #section-1 .cards { grid-template-areas: "c1 c2" "c3 c4" "c5 c6" "c7 c8" "c9 c10"; } }

@media (min-width: 900px) { #at-a-glance #section-1 .cards { grid-template-areas: "c1 c2 c3" "c4 c5 c6" "c7 c8 c9" "c7 c8 c10"; } }

@media (min-width: 1800px) { #at-a-glance #section-1 .cards { grid-template-areas: "c1 c2 c3 c4" "c5 c6 c7 c8" "c5 c9 c10 c8"; } }

#at-a-glance .card { background: #ebecec; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); position: relative; top: 0; transition: all .1s ease-in; }

#at-a-glance .card:hover { top: -2px; box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); }

#at-a-glance .card article { margin: 0; padding: 0; }

#at-a-glance .card article > :nth-child(2) { margin-top: 2em; }

#at-a-glance .card article a { color: #005e86; }

#at-a-glance .card article > ul { margin: 0; padding: .25em 1em .25em 2em; list-style: none; }

#at-a-glance .card article > ul > li { margin: 0; padding: .25em 0; }

#at-a-glance .card article div { padding: 1em; }

#at-a-glance .card h1 { font-size: 18px; margin: 0; padding: 1em; color: #FFFFFF; background-color: #005e86; text-align: left; }

#at-a-glance .card h1 a { color: #FFFFFF; }

#at-a-glance .card p { line-height: 1.4; margin: .25em 1em; }

#at-a-glance .card-1 { grid-area: c1; }

#at-a-glance .card-2 { grid-area: c2; }

#at-a-glance .card-3 { grid-area: c3; }

#at-a-glance .card-4 { grid-area: c4; }

#at-a-glance .card-5 { grid-area: c5; }

#at-a-glance .card-6 { grid-area: c6; }

#at-a-glance .card-7 { grid-area: c7; }

#at-a-glance .card-8 { grid-area: c8; }

#at-a-glance .card-9 { grid-area: c9; }

#at-a-glance .card-10 { grid-area: c10; }