/* GLOBAL ANIMATION TIMING : */
  /*
  transition-duration: 250ms;
  transition-timing-function: cubic-bezier(0.810, 0.150, 0.250, 0.940); 
  */
  html {
    scroll-behavior: smooth;
   
 }
 
 
 
   #instagramlink {
     position: relative;
     filter: invert(100%);
     scale: 0.89;
     /* margin-top: 6px; */
     opacity: 0.25;
     transition-duration: 0.28s;
     /* margin-top: 20px; */
     bottom: -4px;
   }
 
   #instagramlink:hover {
     opacity: 1;
     -webkit-transform: opacity(cubic-bezier(0.515, 0.095, 0.115, 1.020));
     -ms-transform: opacity(cubic-bezier(0.515, 0.095, 0.115, 1.020));
   }
 
 
 
   body {
     background-color: black
   }
 
 
   #titlegroup {
     color: white;
     font-family: Gill sans;
     font-style: normal;
     font-size: 20px;
     font-weight: normal;
     transition-duration: 0.28s;
     margin-right: auto;
   }
 
 
   #title:hover {
 
     opacity: 1 transition-duration: 0.28s;
   }
 
   #imagegallery {
     margin-left: 1em;
     margin-right: 1em;
     display: flex;
     flex-direction: row;
     /* justify-content: flex-start; */
     flex-wrap: wrap;
     /* gap: 5px; */
        gap: 1em;
    
     margin-top: 0.5em;
     /* padding-top: 80px; */
 
 
   }
 
   /* #imagegallery {
   content: "";
   flex: auto;
   justify-content: left;
 } */
 
   #image {}
 
   #image:hover {
     outline: 2px solid white;
     transition-duration: 100ms;
     transition-timing-function: ease-in-out;
 
   }
 
 
 
   /* MEDIA QUERIES */
   @media screen and (max-width: 1499px) {
     #image {
       /* width: 43.1vw; */
       width: 46vw;
     }
 
     #title,
     .switch {
       font-size: 1.5rem;
     }
   }
 
   /* iphone  */
   @media screen and (min-width: 1px) and (max-width: 500px) {
     #image {
       /* width: 86vw; */
       width: 100%;
       /* opacity: 10%; */
 
     }
 
     #instagramlink {
       scale: 0.6;
       margin-right: -5px;
       bottom: 1px;
 
 
     }
 
     #title {
       font-size: 1rem;
 
     }
 
     .switch {
       font-size: 1rem;
     }
   }

   @media screen and (min-width: 501px) and (max-width: 799px) {
    #image {
        /* width: 86vw; */
        width: 45.33vw;
        /* opacity: 10%; */
  
      }
      #imagegallery {
        justify-content: center;
     }
   }

 
   /* desktop, tablet,  */
   @media screen and (min-width: 1399px) and (max-width: 1499px) {
     #image {
       /* width: 23.9vw; */
       width: 23.33vw;
       /* width: 50%; */
       /* width: 30%; */
     }

     #imagegallery {
        justify-content: center;
     }
 
     #title,
     .switch {
       font-size: 1.5rem;
       /* !important */
     }
   }
 
 
   @media screen and (min-width: 1500px) {
     #image {
       
       /* width: 89.3vh; */
       width: 95.3vh;
       
 
     }
     #imagegallery {
        justify-content: center;
     }
 
     #title,
     .switch {
       font-size: 1.8rem;
       /* !important */
     }
 
     #instagramlink {
       scale: 1.09;
       bottom: -7px;
     }
 
   }
 
   /* END MEDIA QUERIES */
 
 
 
   .header {
     transition-duration: 250ms;
     transition-timing-function: cubic-bezier(0.810, 0.150, 0.250, 0.940);
     display: flex;
     position: sticky;
     background-color: black;
     top: 0;
     flex-direction: row;
     justify-content: space-between;
     margin-left: 1em;
     margin-right: 1em;
     border-bottom: 2px solid rgba(255, 255, 255, 0.886);
     border-bottom-width: 100%;
     padding-bottom: 0px;
 
   }
 
   .headerscroll {
     transition-duration: 250ms;
     transition-timing-function: cubic-bezier(0.810, 0.150, 0.250, 0.940);
     /* font-size: 60%; */
     margin-left: 0em;
     margin-right: 0em;
     font-size: 4%;
     opacity: 0.3;
     /* height: 60px; */
     border-bottom: 2px solid rgb(0, 0, 0);
 
 
   }
 
   #title {
     color: white;
     font-family: Gill sans;
     padding: 0.9em;
     border: 1.5em;
     /* margin: 0.2vh; */
     transition-duration: 250ms;
     transition-timing-function: ease-in-out;
     text-wrap: nowrap;
 
   }
 
   .titlescroll {
     padding: 0.4em;
     border: 1.5em;
     margin: 0px;
 
   }
 
   #title:hover {
     background-color: rgba(255, 255, 255, 0.102);
     transition-duration: 0.28s;
     transition-timing-function: ease-in-out;
 
   }
 
   #switcher {
     display: flex;
     align-self: center;
 
   }
 
   .switch {
     color: white;
     font-family: Gill sans;
     font-style: normal;
     font-weight: normal;
     opacity: 0.25;
     /* transition-duration: 250ms !important;
   transition-timing-function: cubic-bezier(0.810, 0.150, 0.250, 0.940); */
 
   }
 
   #line {
     padding-left: 2px;
     padding-right: 2px;
     opacity: 0.5 !important;
   }
 
   .switch:hover {
     -webkit-transform: opacity(cubic-bezier(0.515, 0.095, 0.115, 1.020));
     opacity: 1;
     transform: opacity(1.00);
     transition-duration: 0.28s;
   }
 
   .footer {
     position: static;
     color: white;
     opacity: 50%;
     font-family: Gill sans;
     font-style: normal;
     font-size: 0.8vw;
     font-weight: normal;
 
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     align-content: center;
     /* background-color: grey; */
   }