/*--------------------------------------------------------------
Grid Styles Large
--------------------------------------------------------------*/
@supports (grid-area: auto) {
  @media (min-width: 800px) {
/*--------------------------------------------------------------
Main
--------------------------------------------------------------*/
    .main{
      display: grid;
      grid-template-columns: 1fr repeat(3, minmax(auto, 640px)) 1fr;
      grid-template-areas:
      "space skills skills skills b"
      "space workHistory workHistory workHistory b"
      "space  education patents publicSpeaking b";
    }

    .skills{
      grid-area: skills;
    }

    .workHistory{
      grid-area: workHistory;
    }

    .education{
      grid-area: education;
    }

    .patents {
      grid-area: patents;
    }

    .publicSpeaking{
      grid-area: publicSpeaking;
    }

/*--------------------------------------------------------------
Sections Grid
--------------------------------------------------------------*/
    .workHistory, .education, .patents, .publicSpeaking, .footer{
      grid-template-columns: 1fr minmax(auto, 1200px) 1fr;
    }

/*--------------------------------------------------------------
Work History
--------------------------------------------------------------*/
.workInfo{
  padding-top: 64px;
}

.firstWorkInfo{
  padding-top: 16px;
}

.jobTitle{
  padding-top: 0;
}

.workInfoSecondary{
  margin-top: -4px;
}

/* Grid */
.workInfo{
  display: grid;
  grid-template-columns: 1fr 288px 64px minmax(auto, 560px) 1fr;
  grid-template-areas:
  "space p x s b"
}

.workInfoPrimary{
  grid-area: p;
}

.workInfoSecondary{
  grid-area: s;
}

/*--------------------------------------------------------------
Lining up with Work History
--------------------------------------------------------------*/
.skills, .workHistory{
  grid-template-columns: 1fr 288px 64px minmax(auto, 560px) 1fr;
}

.skills{
  grid-template-areas:
  "space heading heading heading b"
  "space ul ul ul b";
}

.workHistory{
  grid-template-areas:
  "space heading heading heading b"
  "ul ul ul ul ul";
}





  }/*closing brace for media query*/
}/*closing brace for supports*/