@media(min-width: 28.125em) {
  .process-img.nomad-screens {
    width: 50%;
  }

  /* .work-container {
    flex: 1 0 90%;
  } */

}
@media(min-width: 40.625em) {

  /* p {
    font-size: 1.1rem;
  } */

  h1 {
    font-size: 2rem;
  }

  .mobile-nav {
    display: none;
    visibility: hidden;
  }

  .right-nav {
    display: inline-block;
    visibility: visible;
  }

  .right-nav li {
    vertical-align: middle;
    line-height: normal;
  }

  /* .work-container {
    flex: 1 0 47%;
  } */

  .main-nav-content {
    border-bottom: none;
  }

  .hamburger-menu {
    display: none;
    visibility: hidden;
  }

  #main-content {
    padding-top: 3rem;
  }

  .home-name {
    top: 40%;
  }

  .full-name {
    font-size: 3rem;
  }

  .name-description {
    font-size: 2.5rem;
  }

  .project-image img {
    width: 70%;
  }

  .project-image.single img {
    width: 100%;
  }

  .process-img {
    width: 50%;
  }

  .process-img.nomad-screens {
    width: 25%;
  }

  .homepage-dev h1 {
    font-size: 5rem;
    letter-spacing: 2px;
  }
}

@media(max-width: 40.625em) {
  .homepage-container-new {
    margin-top: -6rem;
  }
}

@media(min-width: 33.75em) {
  .hamburger-menu img {
    width: 30%;
  }
}

@media(max-width: 38.125em) {
  .dev-skill img {
    width: 20%;
  }

  .dev-skill {
    border-bottom: 1px solid white;
    margin-bottom: 2rem;
  }

  .work-experience {
    width: 85%;
  }

  .other-work {
    flex: none;
    width: 100%;
  }

  .home-avatar img {
    width: 95%;
  }

  .home-avatar {
    margin-bottom: 2rem;
  }
}

@media(min-width: 46.25em) {
  .project-image.work-image {
    flex-basis: 70%;
  }

  .project-description {
    flex-basis: 30%;
  }

  .container-project {
    width: 80%;
    padding: 1rem;
  }
}

@media(min-width: 46.875em) {
  .project-container {
    width: 40%;
  }
}

@media(min-width: 53.3125em) {
  .homepage-dev h1 {
    font-size: 6rem;
    letter-spacing: 4px;
  }
}

@media(max-width: 53.3125em) {
  .dev-skill h3 {
    margin-bottom: 1rem;
  }

  /* .work-container {
    flex: 1 0 90%;
  }

  .other-work.all {
    flex: 1 0 45%;
  } */

  .homepage-dev h2 {
    font-size: 1.6rem;
    margin-top: 0.5rem;
  }

  .overlay-text h3 {
    margin-bottom: 1rem;
  }

  .overlay-text p {
    margin: 1rem 0rem;
    line-height: 1.5rem;
  }
}

@media(min-width: 56.25em) {
  .project-info, .project-content {
    width: 60%;
  }
}

@media(max-width: 65em) {
  .overlay-text h3 {
    margin-bottom: 0rem;
  }

  .overlay-text p {
    margin: 0.5rem 0rem;
    line-height: 1.3rem;
  }
}

@media(min-width: 78.4em) {
  .project-process.gifs {
    width: 80%;
    margin: 0 auto;
  }
}

@media(max-width: 89.5em) {
  .about-section.story {
    width: 100%;
    margin: 0;
    
  }
}

/*
<!-- http://d9hhrg4mnvzow.cloudfront.net/discover.sapanalytics.cloud/trialrequest-auto-1/c70c79a8-screenshot-2017-05-11-09-53-21.png -->
<!-- https://images.g2crowd.com/uploads/product/image/social_landscape/social_landscape_1489695759/akamai.png -->
<!-- https://upload.wikimedia.org/wikipedia/commons/thumb/d/d9/Node.js_logo.svg/1200px-Node.js_logo.svg.png -->
<!-- https://www.sayonetech.com/static/assets/images/logos/jasmine.png -->
<!-- https://maven.apache.org/images/maven-logo-black-on-white.png -->
<!-- https://upload.wikimedia.org/wikipedia/commons/thumb/9/99/Unofficial_JavaScript_logo_2.svg/1200px-Unofficial_JavaScript_logo_2.svg.png -->*/