#body-wrap {
  position: relative; }
  #body-wrap #mobile-nav {
    display: none; }
  #body-wrap #desktop-nav {
    padding: 50px 20px 0;
    letter-spacing: -.02em;
    width: 250px;
    position: fixed;
    z-index: 30;
    right: 0;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #3ca8ff;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    height: 100%;
    left: 0; }
    #body-wrap #desktop-nav #toggle-button {
      position: absolute;
      top: 15px;
      right: 15px;
      cursor: pointer; }
    #body-wrap #desktop-nav #desktop-nav-body ul.desktop-nav-body-ul {
      padding: 30px 0 0 10px; }
      #body-wrap #desktop-nav #desktop-nav-body ul.desktop-nav-body-ul li.desktop-nav-body-li a {
        font-size: 20px;
        line-height: 35px;
        color: white; }
      #body-wrap #desktop-nav #desktop-nav-body ul.desktop-nav-body-ul li.desktop-nav-body-li a:hover {
        color: #4b4b4b; }
  #body-wrap #right {
    position: relative;
    padding: 30px 30px 0 280px; }
    #body-wrap #right .overlay {
      z-index: -1; }

@media only screen and (max-width: 768px) {
  #body-wrap #mobile-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    box-shadow: 0px 3px 5px rgba(100, 100, 100, 0.49);
    background: white;
    height: 50px;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 30px 0 30px;
    z-index: 2;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; }
    #body-wrap #mobile-nav div.fas {
      line-height: 50px;
      font-size: 20px;
      cursor: pointer; }
  #body-wrap #desktop-nav {
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    right: -100%;
    left: auto; }
  #body-wrap #right {
    padding: 50px 30px 0 30px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in; } }