.headline {
  height: 14px;
  background: #800080;
}

#head_midline {
  margin: -21px auto 0;
  width: 140px;
}

#slogan {
  margin-bottom: -70px;
}

#body_main {
  background: #e7e7e7;
}

#weare {
  height: 117px;
  /* padding-top: 7px; */
  /* margin-bottom: -21px; */
  /* opacity: .7; */
  /* color: #564256; */
}
.unix #weare {
  padding-top: 14px;
}
#rpi {
  /* color: black; */
  /* color: #564256; */
}

#pgd_name {
  margin: -35px 0;
  font-size: 9.8em;
}
.unix #pgd_name {
  margin-top: -28px;
}

.unix #fiji_name {
  
}

#twonames {
  margin-top: -35px;
  padding-bottom: 14px;
  height: 98px;
}
.windows #twonames {
  padding-top: 3px;
}
.unix #twonames {
  margin-top: -49px;
}

#body_main #body_p {
  max-width: 735px;
  margin: auto;
  margin-top: 21px;
  padding-bottom: 21px;
  line-height: 140%;
}

footer {
  padding: 7px 0 14px;
}
#fksme .text {
  font-size: .96em;
  color: #ccc;
}
#fksme span {
  padding: 0 3px;
}
#footlow {
  margin: 49px auto 28px;
  font-size: .56em;
  line-height: 140%;
  letter-spacing: .14em;
  color: #aaa;
}
#footlow div {
  margin-top: 28px;
  padding: 0 14px;
}

/* Large media */
/* @media (min-width: 819px) { */
@media (min-aspect-ratio: 1/1) {
  #menu {
    padding-top: 91px;
  }
  #pgd_name {
    line-height: 77%;
  }
  #twonames {
    /* margin-bottom: -70px; */
  }
}

/* Medium media */
/* @media (max-width: 819px) { */
@media (max-aspect-ratio: 1/1) {
  #menu {
    margin: -21px auto 14px;
  }
  .unix #pgd_name {
    padding-top: 21px;
  }
  .windows #pgd_name {
    display: block !important;
}
  #slogan {
    margin-bottom: 0;
  }
  .windows #twonames {
    padding-top: 14px;
    padding-bottom: 0;
  }
  #body_constant {
    padding-top: 14px;
  }
  #body_p {
    margin-top: -42px;
    max-width: 490px;
  }
  .windows #body_p {
    margin-top: -21px;
  }
  #text_pgd {
    font-weight: bold;
  }
}

/* Small media */
@media (max-width: 490px) {
  header {
    padding-left: 7px;
  }
  #head_midline {
    margin: -21px 0 0 0;
  }
  #menu {
    margin: 0 auto 21px;
  }
  header, #slogan, #menu, #body_main, #body_p, #pgd_name {
    /* min-width: 434px; */
    text-align: left;
  }
  #body_p {
    padding-left: 3px;
  }
  footer .purple {
    margin: 0;
  }
}