/** 
* This file is for the content layout of the Home page
*/
main .wrapper-3-col-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(282px, 1fr));
  grid-column-gap: 32px;
  grid-row-gap: 16px; }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  main {
    margin-right: 24px;
    margin-left: 24px; } }

@media screen and (min-width: 1025px) and (max-width: 1460px) {
  main {
    margin-right: 32px;
    margin-left: 32px; } }

@media screen and (max-width: 375px) {
  main {
    margin-right: 16px;
    margin-left: 16px; } }

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  /* IE10+ specific styles go here */
  main .wrapper-3-col-grid {
    display: -ms-grid;
    -ms-grid-columns: repeat(auto-fit, minmax(283px, 1fr)); } }
  @media screen and (-ms-high-contrast: active) and (max-width: 1023px), screen and (-ms-high-contrast: none) and (max-width: 1023px) {
    main .wrapper-3-col-grid {
      -ms-grid-rows: auto 16px auto 16px auto; }
      main .wrapper-3-col-grid .grid-item-a {
        -ms-grid-row: 1; }
      main .wrapper-3-col-grid .grid-item-b {
        -ms-grid-row: 3; }
      main .wrapper-3-col-grid .grid-item-c {
        -ms-grid-row: 5; } }
  @media screen and (-ms-high-contrast: active) and (min-width: 1024px), screen and (-ms-high-contrast: none) and (min-width: 1024px) {
    main .wrapper-3-col-grid {
      -ms-grid-columns: 1fr 32px 1fr 32px 1fr; }
      main .wrapper-3-col-grid .grid-item-a {
        -ms-grid-column: 1; }
      main .wrapper-3-col-grid .grid-item-b {
        -ms-grid-column: 3; }
      main .wrapper-3-col-grid .grid-item-c {
        -ms-grid-column: 5; } }