/** General page styling **/

@media (min-width:1280px) {

  .desktop{
      display: initial;
  }
  .mobile{
      display: none;
  }
}   














@media (max-width:1280px) {

  .desktop{
      display: none;
  }
  .mobile{
      display: initial ;
  }

  body {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
    width: 100%;
  }
  p, h3 {
    margin: 40px 0px 40px 0px;
  }
  h1 {
    font-size: 106px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    margin-left: -2px;
  }
  h2 {
    font-size: 106px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 8px;
    margin-left: -2px;
    padding-right: 20px;
    padding-left: 20px;
  }
  p {
    font-size: 20px;
    line-height: 30px;
  }
  blockquote {
    margin-inline-start: 20px;
    margin-inline-end: 20px;
    padding: 20px 0px 5px 0px;
  }
  blockquote p {
    line-height: 30px;
    font-size: 20px;
  }
      
  header {
    width: 100%;
    text-align: left;
  }
  .logo-header img {
    height: 75px;
    width: auto;
  }
  .txt-header {
    height: 60px;
  }
  .txt p {
    padding-right: 20px;
    padding-left: 20px;
    margin-top: 10px;
  }
  .img-background {
    width: 50%;
  }     
  .img-full{
    width: 100%!important;
  }
  aside {
    padding-right: 0px;
    padding-left: 0px;
  }
  .iframe {
    margin-right: 0px;
    margin-left: 0px;
  }
  .logo-header {
    padding-right: 20px;
    padding-left: 20px;
  }
  .ville {
    padding-right: 20px;
    padding-left: 20px;
  }

  .detail{
    padding-right: 20px;
    padding-left: 20px;
  }
  .txt-flex {
    width: 100%;
    display: table;
    margin-top: 40px;
  }
  .img-flex {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .img-credit img {
    margin-top: 40px;
    margin-bottom: 40px;
    width: 100%;
    display: table;
  }

  .txt-header {
    padding-right: 20px;
    padding-left: 20px;
  }
  .list-projet {
    width: 100%;  
  }
  section img {
    width: 100%!important;
  }

  .full-index-logo img {
    width: 80%;
    height: auto;
  }
  .toggle {
    top: 40px;
    padding-right: 20px;
    right: 0px;
    margin-right: 0px;
  }
  .menu-list li {
    font-size: calc(.1*220vw + 75px);
    line-height: 0.7;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
  }
  .menu-list a {
    width: 100%;
  }

  .list-projet-archive{
    width: 100%;
  }
  .list-projet-archive h1 {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .list-projet h1 {
    padding-bottom: 0px;
  }  
  .list-projet-archive h2 {
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 10px;
  }
  .list-projet h2 {
    padding-bottom: 0px;
  }        
  .list-projet a {
    padding-right: 20px;
    padding-left: 20px;
  }
  .legend-flex {
    width: 100%;
  }
  .legend-flex p {
    padding-left:20px;
    padding-right:20px;
    font-size: 15px;
  }
  .detail-flex {
    width: 100%;
  }
  .detail p {
    font-size: 20px;
    line-height: 27px;
  }
  .ville p {
    font-size: 20px;
    line-height: 24px;
  }
  .gallery-flex {
    height: inherit;
  }
  .credit-flex {
    width: 100%;
    display: initial;
    }

  .txt-flex-credit {
  max-width: 100%;
  padding-left: 0px;
  padding-right: 0px;
  }
  .txt-flex-credit p {
    padding-left: 20px;
    padding-right: 20px;;
  }
  .txt-credit-titre {
  max-width: 100%;
  }
  .txt-credit-titre p {
  padding-left: 20px;
  padding-right: 0px;
  }
  .txt-intitule {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .txt-detail {
  width: 100%;
  margin: 0px;
  padding: 0px;
  }
  .txt-credit p {
    font-size: 14px;
    letter-spacing: 1.8px;
  }
  .txt-credit p {
    font-size: 20px;
    line-height: 30px;
  }
  .toggle p {
    font-size: 19px;
  }

  blockquote p {
  margin: 0px!important;
  padding: 0px!important;
  }
  .home-logo-header-1 {
    padding-left: 20px;
  }
  .home-logo-header-1 img {
    width: 125px;
  }
  .home-logo-header-1 {
    width: 124px;
    left: 0;
    margin: 0;
  }
  .home-logo-header-2 img {
    width: 212px;
  }

  .txt-credit {
    display: initial;
  }
  .credit-flex-randja {
    display: table;
  }
  .credit-flex-randja-title {
    width: 100%;
    text-align: left;
  }
  hr {
    height: 40px;
  }

}








  /* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) { 
  #gallery-1, #gallery-2 {
    padding: 12px 0 12px;
  }
  #gallery-1 #gallery-2 #gallery-3 #gallery-4 #gallery-5 #gallery-6 #gallery-7 #gallery-8 #gallery-9 #gallery-10 .rsOverflow,
  .royalSlider#gallery-1, .royalSlider#gallery-2, .royalSlider#gallery-3, .royalSlider#gallery-4, .royalSlider#gallery-5, .royalSlider#gallery-6, .royalSlider#gallery-7, .royalSlider#gallery-8, .royalSlider#gallery-9, .royalSlider#gallery-10  {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) { 
  #gallery-1 #gallery-2 #gallery-3 #gallery-4 #gallery-5 #gallery-6 #gallery-7 #gallery-8 #gallery-9 #gallery-10 .rsOverflow,
  .royalSlider#gallery-1, .royalSlider#gallery-2, .royalSlider#gallery-3, .royalSlider#gallery-4, .royalSlider#gallery-5, .royalSlider#gallery-6, .royalSlider#gallery-7, .royalSlider#gallery-8, .royalSlider#gallery-9, .royalSlider#gallery-10 {
    height: 300px !important;
  }
}