/* html body {
  height: 100%;
  overflow: hidden;
} */

.navbar {
    background-color: white;
    /* opacity: 0.1%; */
}
.gallery {
    padding-top: 10%;
  }

  #title {
    /* justify-content: center; */
    /* align-items: center; */
    padding-top: 25%;
  }

  /* MEDIA QUERY */

  /* BOOTSTRAP BREAKPOINTS  */

    /* --bs-breakpoint-xs: 0; */

        @media screen and (min-width: 0px) {
      .text {
        font-size: 10px;
      }
      
    }

      
        /* --bs-breakpoint-sm: 576px; */ 


          @media screen and (min-width: 576px) {
      .text {
        font-size: 10px;
      }
    }
        /* --bs-breakpoint-md: 768px; */


         @media screen and (min-width: 768px) {
      .text {
        font-size: 20px;
      }
    }
        /* --bs-breakpoint-lg: 992px; */

         @media screen and (min-width: 992px) {
      .text {
        font-size: 20px;
      }
    }

        /* --bs-breakpoint-xl: 1200px; */

         @media screen and (min-width: 1200px) {
      .text {
        font-size: 20px;
      }
    }
     /* --bs-breakpoint-xxl: 1400px; */

           @media screen and (min-width: 1024px) {
      .text {
        font-size: 20px;
      }
    }