#page-intro {
  height: 650px; }
  #page-intro .intro-inside {
    padding: 300px 10% 50px 5%; }
    @media screen and (max-width: 1000px) {
      #page-intro .intro-inside h1 {
        font-size: 30px; }
      #page-intro .intro-inside p {
        font-size: 16px; } }

#content .main {
  display: flex; }
  #content .main #page {
    display: flex;
    width: 100%; }
    @media screen and (max-width: 1000px) {
      #content .main #page {
        flex-direction: column; } }
    #content .main #page #sidebar {
      order: 1;
      width: 20%;
      padding-right: 1.5%;
      padding-top: 50px;
      margin-right: 1.5%;
      border-right: 4px solid #e4e4e4;
      margin-bottom: 80px; }
      @media screen and (max-width: 1000px) {
        #content .main #page #sidebar {
          width: 100%;
          padding: 0;
          margin: 20px 0; } }
      #content .main #page #sidebar a {
        text-decoration: none;
        display: block;
        color: #999;
        font-family: 'Alata', sans-serif;
        margin-bottom: 10px; }
        #content .main #page #sidebar a.selected {
          color: #000;
          font-weight: 800; }
    #content .main #page #pagebody {
      flex-grow: 1;
      order: 2;
      width: 77%;
      padding: 50px 0 80px 0 !important; }
      @media screen and (max-width: 1000px) {
        #content .main #page #pagebody {
          width: 100%; } }

#pagelinks .icon {
  font-family: 'icons' !important;
  display: inline-block !important; }