@media only screen and (max-width: 600px) {
  #backgroundstable {
    display: none;
  }
  #backgroundmobile {
    display: flex;
  }
  #backgroundlandscape {
    display: none;
  }
}

  @media only screen and (max-height: 600px) {
    #backgroundstable {
      display: none;
    }
    #backgroundmobile {
      display: none;
    }
    #backgroundlandscape {
      display: flex;
    }
  }

  /*backgrounds/*/

/*background*/

  @media only screen and (max-width: 900px) {
    nav ul li a {
      font-size:1.5rem;
        }
        nav ul li {
        list-style: none;
        display: inline-block;
        padding: 40 px 10 px;
        margin-right: 20px;
      
      }
  }

  @media only screen and (max-width: 475px) {
    nav {
      position: fixed;
      top: 60px;
      right: 0px;
      left: 0px;
      display: flex;
      flex: 1;
      width:100%;
      text-align: center;
      text-decoration: none;
      justify-content: center;
    
    }
      nav ul li a {
    font-size:1.2rem;
      }
      nav ul li {
      list-style: none;
      display: inline-block;
      margin-right: 17px;
    margin-left: 5px;
      }
  }

  @media only screen and (max-width: 900px) {
    nav ul li {
      list-style: none;
      display: inline-block;
      padding: 30 px 5 px;
    }

    nav {
      position: fixed;
      top: 60px;
    }
  }

  @media only screen and (max-height: 415px) {
    nav ul li {
      list-style: none;
      display: inline-block;

      margin-right: 40px;
    }
    nav {
      position: fixed;
      top: 40px;
    }
    nav ul li a {
      font-size:1.2rem;
        }

  }


  @media only screen and (max-width: 395px) {
    nav ul {
      display: inline-flex;
      margin:0;
    }
    nav ul li {
    list-style: none;
    display: flex;
      align-items: center;
    }

  }
  /*nav*/


  /*nav*/


  @media only screen and (min-width:350px) and (max-width: 450px) and (min-height:700px) and (max-height:944px) and (orientation:portrait) {
    #gallerydesc {
      font-size:1.1rem;
    
      max-width:85%;
      margin-left:7.5%;
      margin-right:7.5%;
    }
    
    
      } 

      @media only screen and (max-width: 321px) and (max-height: 481px) {

     
  

    #returntomainpage {
      font-size:1rem;
      bottom:7%;
    }
  }


  @media only screen and (min-width: 0px) {
 
    #returntomainpage {
      font-size:1rem;
      bottom:9%;
    }
  } 


  @media only screen and (max-width: 450px) and (max-height:944px) and (orientation:portrait) {
#gallerydesc {
  font-size:0.8rem;

  max-width:85%;
  margin-left:7.5%;
  margin-right:7.5%;
}


  } 





  
  @media only screen and (max-width: 350px) and (max-height:750px) and (orientation:portrait) {
    #gallerydesc {
      font-size:0.65rem;
    }
      } 

      
    
      @media only screen and (min-width: 945px) and (min-height:650px) and (orientation:landscape) {
        #gallerydesc {
          font-size:1.2rem;
        }
          } 
    


    
          @media only screen and (min-width: 500px) and (min-height:250px) and (max-width:930px) and (max-height:450px) and (orientation:landscape) {
            #gallerydesc {
              margin-top:15%;
              font-size:1rem;
              max-width:90%;
              margin-left:5%;
              margin-right: 5%;
            }
              } 
        




   @media only screen and (min-height: 640px) and (orientation:portrait) {

    }

    #returntomainpage {
      font-size:1rem;
      bottom:9%;
    }


  
@media only screen and (min-height: 900px) and (min-width: 1900px) and (orientation:landscape) {
  #gallerycataloguealllinks {
    width: 100%;
    scale: 140%;
  }

}

@media only screen and (min-height: 412px) and (max-height:600px) and (orientation: landscape) {
  #gallerycataloguealllinks {
      width: 100%;
      scale: 80%;
  }
}
@media only screen and (min-height: 200px) and (max-height:600px) and (min-width:400px) and (orientation: landscape) {
  #gallerycataloguealllinks {
      width: 100%;
      scale: 60%;
  }
  #returntomainpage {
    color:#000000;
  }

}

@media only screen and (min-height: 200px) and (max-height:300px) and (min-width:400px) and (max-width:900px) and (orientation: landscape) {
  .democontainer {

    height: 115vh;

}

#gallerycataloguealllinks {
  width: 100%;
  scale: 45%;
}

}

@media only screen and (min-height: 300px) and (max-height:435px) and (min-width:400px) and (max-width:935px) and (orientation: landscape) {
  .democontainer {

    height: 119vh;

}

#gallerycataloguealllinks {
  width: 100%;
  scale: 55%;
  margin-top:40px;
}

}

@media only screen and (min-height: 400px) and (max-height:500px) and (min-width:400px) and (max-width:900px) and (orientation: landscape) {
  .democontainer {

    height: 119vh;

}

#gallerycataloguealllinks {
  width: 100%;
  scale: 55%;
}

}

@media only screen and (min-height: 400px) and (max-height:500px) and (min-width:400px) and (orientation: landscape) {
  .democontainer {

    height: 119vh;

}

#gallerycataloguealllinks {
  width: 100%;
  scale: 65%;
  margin-top:40px;
}

}


@media only screen and (min-width: 1020px) and (min-height: 1350px) and (orientation:portrait) {

  h1#headpage {
    left: 50%;
    top: 22%;
    font-size: 2.5rem;
  }



  #gallerycataloguealllinks {
    width: 100%;
    scale: 130%;
  }
}


@media only screen and (min-height: 412px) and (min-width:430px) and (max-width:566px) and (max-height:640px) and (orientation:portrait) {
  #gallerycataloguealllinks {
    width: 100%;
    scale: 90%;
  }
}


@media only screen and (min-height: 560px) and (orientation:portrait) {
  h1#headpage {
    font-size: 1.6rem;
  top:20%;
  left:50%;

  }
  .headpage {
justify-content: center;
  }

  #gallerycataloguealllinks {
    width: 100%;
    scale: 100%;
  }

  #gallerydesc {
    max-width:90%;
    margin-right: 5%;
    margin-left: 5%;
  }
}






@media only screen and (min-width: 500px) {

  h1#headpage {
    left:35%;
  }

}



@media only screen and (max-width: 500px) {

  h1#headpage {
    left:35%;
  }
}
@media only screen and (max-width: 321px) and (max-height: 481px) {

  h1#headpage {
    font-size: 1.5rem;
  top:22%;
  }
}

@media only screen and (min-width: 0px) {
  h1#headpage {
    font-size: 1.3rem;
  top:22%;
  left:50%;
  }
}

@media only screen and (min-height: 0px) and (orientation:landscape) {
  h1#headpage {
    font-size: 1.6rem;
  top:22%;
  left:50%;
  }
}

@media only screen and (min-height: 353px) and (orientation:landscape) {
  h1#headpage {
    font-size: 1.6rem;
  top:22%;
  left:50%;
  }
}

@media only screen and (min-height: 390px) and (orientation:landscape) {
  h1#headpage {
    font-size: 1.7rem;
    top:22%;
    left:50%;
  }
}

@media only screen and (min-height: 412px) and (orientation:landscape) {
  h1#headpage {
    font-size: 1.8rem;
    left:50%;
    top:22%;
}



}



@media only screen and (min-height: 640px) and (orientation:portrait) {
  h1#headpage {
    font-size: 1.6rem;
  top:20%;
  left:50%;

  }
  .headpage {
justify-content: center;
  }
}



@media only screen and (min-height: 890px) and (orientation:portrait) {
  h1#headpage {
    font-size: 2rem;
}
}

@media only screen and (min-height: 1000px) and (min-width: 1360px) and (orientation:portrait) {

  h1#headpage {
    font-size: 4.5rem;
  top:17%;
  left:32%;

  }


}


@media only screen and (min-height: 1000px) and (min-width: 600px) and (orientation:portrait) {

  h1#headpage {
    font-size: 3.5rem;
  top:17%;


  }
}



@media only screen and (min-height: 1000px) and (min-width: 700px) and (orientation:portrait) {


  h1#headpage {
    font-size: 3.5rem;
  top:17%;
  left:50%;

  }


}


@media only screen and (min-width: 1024px) and (min-height: 760px) and (orientation:landscape) {
  h1#headpage {
    left: 17.2%;
    top: 15%;
    font-size: 3rem;
  }
}

@media only screen and (min-width: 900px) and (min-height: 590px) and (orientation:landscape) {

  h1#headpage {
    left: 20%;
    top: 15%;
    font-size: 2.5rem;
  }

}
@media only screen and (min-width: 740px) and (min-height: 440px) and (orientation:landscape) {

  h1#headpage {
    left: 50%;
    top: 22%;
    font-size: 2.5rem;
  }

  .democontainer {
    height: 105vh;
  }
}


@media only screen and (min-width: 1200px) and (min-height: 650px) and (orientation:landscape) {

  h1#headpage {
    left: 50%;
    top: 19%;
    font-size: 3rem;
  }

  .democontainer {
    height: 105vh;
  }

  #gallerycataloguealllinks {
    width: 100%;
    scale: 104%;
    margin-top:20px;
  }
}

@media only screen and (min-width: 1200px) and (min-height: 750px) and (orientation:landscape) {

  h1#headpage {
    left: 50%;
    top: 19%;
    font-size: 3rem;
  }

  .democontainer {
    height: 105vh;
  }

  #gallerycataloguealllinks {
    width: 100%;
    scale: 123%;
  }
}




            




    @media only screen and (min-width: 360px) and (min-height: 400px) {

    #returntomainpage {
      font-size:1.2rem;
      bottom:10%;
    }
  
      }

      @media only screen and (min-width: 353px) and (min-height: 745px) {

      #returntomainpage {
        font-size:1.15rem;
        bottom:9%;
      }
    
        }
  



        @media only screen and (min-width: 600px) and (min-height: 600px) {


        #returntomainpage {
          font-size:1.7rem;
          bottom:9%;
        }
      
          }
    
          @media only screen and (min-width: 800px) and (min-height: 1000px) {

          #returntomainpage {
            font-size:2.2rem;
            bottom:9%;
          }
        
            } 
            
        

@media only screen and (min-width: 1000px) and (min-height: 600px) {
  #returntomainpage {
      font-size: 1.7rem;
      bottom: 9%;
  }
  }