Update deprecated device-width media queries (#120)

Joseph Ting

21.37.2018 bab77656bb6faeff9727d05ec7bd7a038ec244b6

 assets/scss/_navigation.scss

@@ -24,7 +24,7 @@
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    @media only screen and (max-device-width : 768px) {
    @media only screen and (max-width : 768px) {
      position: absolute;
      top: 6.0rem;
      right: 0;
@@ -43,7 +43,7 @@
      float: left;
      margin: 0;
      position: relative;
      @media only screen and (max-device-width : 768px) {
      @media only screen and (max-width : 768px) {
        float: none !important;
        text-align: center;
        a, span {
@@ -56,7 +56,7 @@
      }
    }
    .menu-separator {
      @media only screen and (max-device-width : 768px) {
      @media only screen and (max-width : 768px) {
        border-top: 2px solid $fg-color;
        margin: 0 8.0rem;
        span {
@@ -67,7 +67,7 @@
  }
  #menu-toggle {
    display: none;
    @media only screen and (max-device-width : 768px) {
    @media only screen and (max-width : 768px) {
      &:checked + label {
        color: $alt-bg-color;
      }
@@ -80,7 +80,7 @@
  }
  .menu-button {
    display: none;
    @media only screen and (max-device-width : 768px) {
    @media only screen and (max-width : 768px) {
      display: block;
      font-size: 2.4rem;
      font-weight: 400;