@media only screen and (min-width: 112.5em) {
  html {
    font-size: 75%; 
  } 
}
@media only screen and (max-width: 75em) {
  html {
    font-size: 56.25%; 
  } 
}
@media only screen and (max-width: 56.25em) {
  html {
    font-size: 50%; 
  } 
  .hero_text {
    font-size: 5rem;
  }
  .contact_text {
    font-size: 5rem;
  }

  .flex_container_right_text {
    
    order: 1;
  
  }
  
  .flex_container_right_content {
  
    order: 2;
  
  }

}
@media only screen and (max-width: 37.5em) {
  html {
    font-size: 45%; 
  }

  .menu-links a {
    display: inline-block;
    font-size: 3rem;
    color: white;
    text-decoration: none;
    font-family: Montserrat;

  
    transform: translateY(100%);
    opacity: 0;
  }

  .project_disclaimer{
    width: 80vw;
  }

  .screen_over {
    display: block;
  }
}


@media only screen and (max-width: 18.5em) {
  html {
    font-size: 40%; 
  } 

  
}