/* HTML Overides */

ul {
    list-style: none;
}


    /* Extra large devices (large desktops & wide monitors) */
@media (min-width: 1440px) {
  /* Example: 1080p+ and ultrawide monitors */

  body {
    background-color: #111;
    color: #ddd9d9;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    }

.content{
       position: relative;
       z-index: 1;
       padding-left: 24rem;
    }

.menu {
z-index: 100;
margin-right: 0px; 
    }

h1,h2,h3,h4 {
       font-family: 'Montserrat', sans-serif; 
       letter-spacing: -4px;
       
    }

h1, h2  {
  font-family: 'Montserrat', sans-serif; 
      line-height: 0.3; 
      font-size: 12rem;
      font-weight: 400;
      color: #859996; 
    }

h3 {
      line-height: 1.6;     
    }


h4 {
      font-size: 12rem;
      font-weight: 400;
      color: #859996;
      padding-bottom: 19px;
    }

h3 {
      font-size: 8rem;
      font-weight: 400;
      color: #1ea48e;
      margin-bottom: 1.2rem;
      padding-top: 14px;
      position: relative;
      transition: opacity 1s ease;
    }

    .poop p{
      max-width: 850px;
      font-size: 16px;
      color: #a0a0a0;
      text-align: left;
      line-height: 23px;
      
    }

}

/* Large devices (laptops, desktops) */
@media (min-width: 1024px) and (max-width: 1439px) {
  /* Example: MacBook Air, typical laptop */


body {
    background-color: #111;
  
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    }

.content{
       position: relative;
       z-index: 1;
       padding-left: 14rem;
    }

.menu {
z-index: 100;
margin-right: 0px; 
    }

h1,h2,h3,h4 {
       font-family: 'Montserrat', sans-serif; 
       letter-spacing: -4px;
       
    }

h1, h2  {
  font-family: 'Montserrat', sans-serif; 
      line-height: 0.3; 
      font-size: 8rem;
      font-weight: 400;
      color: #859996;   
    }

h3 {
      line-height: 1.6;     
    }


h4 {
      font-size: 8rem;
      font-weight: 400;
      color: #859996;
      padding-bottom: 15px;
    }

h3 {
      font-size: 8rem;
      font-weight: 400;
      color: #1ea48e;
      margin-bottom: 1.2rem;
      position: relative;
      transition: opacity 1s ease;
    }


    .poop p{
      max-width: 850px;
      font-size: 16px;
         color: #a0a0a0;
      text-align: left;
      line-height: 23px;
      padding-right: 11rem;
      
    }

}

/* Medium devices (tablets, portrait) */
@media (min-width: 768px) and (max-width: 1023px) {
  /* Example: iPad, Galaxy Tab */
body {
    background-color: #111;
    color: #ddd9d9;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    }

.content{
       position: relative;
       z-index: 1;
       padding-left: 11rem;
    }

.menu {
z-index: 100;
margin-right: 0px; 
    }

h1,h2,h3,h4 {
       font-family: 'Montserrat', sans-serif; 
       letter-spacing: -4px;
       
    }

h1, h2  {
  font-family: 'Montserrat', sans-serif; 
      line-height: 0.3; 
      font-size: 8rem;
      font-weight: 400;
      color: #859996;    
    }

h4 {
      font-size: 8rem;
      font-weight: 400;
      color: #859996; 
      padding-bottom: 15px;
    }

h3 {
      font-size: 8rem;
      line-height: 1.6; 
      font-weight: 400;
      color: #1ea48e;
      margin-bottom: 1.2rem;
      position: relative;
      transition: opacity 1s ease;
    }

    .poop p{
      max-width: 850px;
      font-size: 16px;
        color: #a0a0a0;
      text-align: left;
      line-height: 23px;
      padding-right: 6rem;
    }
  }

/* Small devices (phones, landscape & small tablets) */
@media (min-width: 481px) and (max-width: 767px) {
  /* Example: larger phones, small tablets */

  body {
    background-color: #111;
    color: #ddd9d9;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    }

.content{
       position: relative;
       z-index: 1;
       padding-left: 6rem;        
    }

.menu {
z-index: 100;
margin-right: 0px; 
    }

h1,h2,h3,h4 {
       font-family: 'Montserrat', sans-serif; 
       letter-spacing: -3px;
       
    }

h1, h2  {
  font-family: 'Montserrat', sans-serif; 
      line-height: 0px; 
      font-size: 6rem;
      font-weight: 400;
      color: #859996;   
    }

h4 {
      font-size: 6rem;
      font-weight: 400;
      color: #859996; 
      padding-bottom: 15px;
    }

h3 {
      font-size: 4.6rem;
      font-weight: 400;
      line-height: 65px;   
      color: #1ea48e;
      margin-bottom: 1.2rem;
      padding-top: 13px;
      position: relative;
      transition: opacity 1s ease;
    }

    .poop p{
      max-width: 600px;
      font-size: 16px;
         color: #a0a0a0;
      text-align: left;
      line-height: 23px;
     padding-right: 10rem;
  }

}




  /* Extra small devices (phones, portrait) */
  @media (min-width: 320px) and (max-width: 480px) {

  /* Example: iPhone SE, Galaxy S8 */

  body {
    background-color: #111;
    color: #ddd9d9;
    font-family: 'Montserrat', sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100vh;
    }

.content{
       position: relative;
       z-index: 1;
       padding-left: 2rem;      
    }

.menu {
z-index: 100;
margin-right: 0px; 
    }

h1,h2,h3,h4 {
       font-family: 'Montserrat', sans-serif; 
       letter-spacing: -2px;
       
    }

h1, h2  {
  font-family: 'Montserrat', sans-serif; 
      line-height: 0px; 
      font-size: 4rem;
      font-weight: 400;
        color: #859996; 
    }

h4 {
      font-size: 4rem;
      font-weight: 400;
       color: #859996; 
      padding-bottom: 0px;
    }

h3 {
      font-size: 3rem;
      font-weight: 400;
      line-height: 35px;   
      color: #1ea48e;
      padding-top: 4px;
      margin-bottom: 1.8rem;
      position: relative;
      transition: opacity 1s ease;
    }
    .poop p{
      max-width: 600px;
      font-size: 16px;
       color: #a0a0a0; 
      text-align: left;
      line-height: 23px;
     padding-right: 3rem;
  }

}