.overflow-hidden {
  overflow-x: hidden;
  overflow-y: hidden; }

#header-logo{
  background: rgb(255, 255, 255);
} 
.navbar {
  background: rgb(95,207,222);
  margin: 0 !important; 
}

a:hover{
  text-decoration: none;
}

.brown-text{
    color:rgb(68,42,32);
}

.light-blue-text{
    color: rgb(95,207,222);
}

#container-text{
  font-size:1.2rem;
  line-height: 2rem;
}

#container-text-shadow{
background-color:rgba(255,255,255,.8);
padding:1rem;
border-radius: 1rem;
}

/*index styling*/

#picture-showcase {
  background: #fff;
  background-size: cover;
  background-position: center; }
  #picture-showcase p {
    font-size: 1.2rem; }
  #picture-showcase .carousel-item {
    height: auto; }
    @media (min-width: 991.98px) {
      #picture-showcase .carousel-item {
        min-height: 50vh; } }
  #picture-showcase .carousel-image-1 {
    background-image:url(../img/1.jpg); 
    background-size: cover;
  background-position: center}
    #picture-showcase .carousel-image-1 p {
      font-size: 1.8rem; }
  #picture-showcase .carousel-image-2 {
    background-image:url(../img/2.jpg); 
    background-size: cover;
  background-position: center}
    #picture-showcase .carousel-image-2 p {
      font-size: 1.8rem; }
  #picture-showcase .carousel-image-3 {
    background-image:url(../img/3.jpg); 
    background-size: cover;
  background-position: center}
    #picture-showcase .carousel-image-3 p {
      font-size: 1.8rem; }


/*index styling end*/
/*start up styling*/
        #posting-material-showcase{
          /*background: linear-gradient(to right, rgba(0, 153, 255, 0.75) 50%, rgba(255, 24, 166, 0.75)), url(../img/test.jpg); */
         background: url(../img/test.jpg);
          background-size: cover;
          background-repeat: no-repeat;
          background-attachment: fixed;
        }

        #about-us{
          background: url(../img/leaves1.jpg);
          background-size: cover;
          background-repeat: no-repeat;
        }

#gel-card{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 220, 24, 0.75),rgba(43, 255, 0, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}
#gel-card:hover{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 24, 166, 0.75),rgba(0, 140, 255, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

#detang-card{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 220, 24, 0.75),rgba(43, 255, 0, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

#detang-card:hover{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 24, 166, 0.75),rgba(0, 140, 255, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

#mousse-card{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 220, 24, 0.75),rgba(43, 255, 0, 0.75)), url(../img/leaves1.jpg);
   background-attachment: fixed;
  background-size:cover;
}

#mousse-card:hover{
  background: linear-gradient(to right, rgba(95,207,222, 0.75), rgba(255, 24, 166, 0.75),rgba(0, 140, 255, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

#shampoo-card{
  background: linear-gradient(to right, rgba(43, 255, 0, 0.75), rgba(255, 220, 24, 0.75),rgba(43, 255, 0, 0.75)), url(../img/leaves1.jpg);
   background-attachment: fixed;
  background-size:cover;
}
#shampoo-card:hover{
  background: linear-gradient(to right, rgba(0, 140, 255, 0.75), rgba(255, 24, 166, 0.75),rgba(0, 140, 255, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

#cond-card{
  background: linear-gradient(to right, rgba(43, 255, 0, 0.75), rgba(255, 220, 24, 0.75),rgba(43, 255, 0, 0.75)), url(../img/leaves1.jpg);
   background-attachment: fixed;
  background-size:cover;
}
#cond-card:hover{
  background: linear-gradient(to right, rgba(0, 140, 255, 0.75), rgba(255, 24, 166, 0.75),rgba(0, 140, 255, 0.75)), url(../img/leaves1.jpg);
  background-attachment: fixed;
  background-size:cover;
}

/*footer styling*/
#main-footer {
  background: rgb(95,207,222); }
  #main-footer ul {
    list-style-type: none; }
  #main-footer a {
    text-decoration: none;
    color: #fff; }
    #main-footer a:hover {
      color: #ff00bf; }

/*footer styling end*/