html {
  scroll-behavior: smooth;
}

.paralax1 {
  /* Set a specific height */
  height: 300px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.paralax2 {
  /* Set a specific height */
  height: 500px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

hr.shadowbelow {
  height: 10px;
  border: 0;
  box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

hr.shadowtop {
  height: 10px;
  border: 0;
  box-shadow: inset 0 -12px 12px -12px rgba(0, 0, 0, 0.5);
  margin: -2px;
}

.footertext {
  color: aliceblue;
}

.gallery {
  overflow: hidden;
  height: 70px;
  width: 70px;
}

.servicebox {
  width: 200px;
  align-content: center;
  border-color: black;
  border-width: 3px;
  text-align: center;
  vertical-align: middle;
  margin: 30px;
}

.circles {
  height: 45px;
  width: 45px;
  background-color: rgb(50, 218, 181);
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  margin: auto;
}

.headerfont {
  font-family: "Cuprum", sans-serif;
}

.headerfont2 {
  font-family: "Anton", sans-serif;
}

.bodyfont {
  font-family: "Alata", sans-serif;
}

.bodyfont2 {
  font-family: "Yanone Kaffeesatz", sans-serif;
}

.scriptfont {

  font-family: "Calistoga", cursive;
}

.navcolor {
  background-color: rgba(202, 241, 235, 0.74);
}

@media screen and (max-width: 600px)
 {
     .carousel-inner>.carousel-item>img 
  { height: 95%; }

  .carousel 
  {
    margin-top: 100px;
  }

}







.CaroIMG
{
width: fit-content;
height:100%;


}

.Caroimg2
{
width: 300px;
height:100%;

}