:root{
    --bs-primary:#009141;
    --bs-primary-dark: #008131;
    --bs-primary-rgb: 00,145,65;
    }
#carousel{
          box-shadow: 0 0 16px #333;
          border-radius:2rem;
}
h2{
    font-size:3rem;
}


@media (max-width: 1200px) {
  #photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
  #photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {
  #photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {
  #photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.modal-content{
    border:0px;
    border-top-right-radius: calc(0.3rem - 1px);
    border-top-left-radius: calc(0.3rem - 1px);
      box-shadow: 0 0 16px #333;
    }
.modal-footer{

    border:0px;
}


.nav-link{
    color:var(--bs-primary);
}
.nav-pills .nav-link.active{
    background-color:var(--bs-primary);
}
.bg-light {
    background: var(--bs-light);
    opacity:0.9;
}
.thumb{
        margin-bottom:5px;
}
.thumbnail{
    /*background-color:#009141;*/
    height:30vh;
    flex-grow:1;
    width:auto;
    padding: calc(var(--bs-gutter-x) * .5);
}
.photos::after {
content:"";
flex-grow: 10;
}

@media (max-aspect-ratio: 1/1) {
  .thumbnail{
    height: 20vh;
  }
}
.img-thumbnail{

    padding:0px;
      transition: grid-row-start 300ms linear;
  transition: transform 300ms ease;
  transition: all 0.5s ease;
  cursor: pointer;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 1.5s ease;
  border:0px;
  width:100%;
  height:100%;
  object-fit:cover;
  vertical-align:bottom;
  
    }
    
.img-thumbnail:hover {
  transform: scale(1.025);
}

   
h2{
    font-color:    #009141;
    font-family: 'Amatic SC', cursive;
}

body{
    /*font-family: 'Amatic SC', cursive;*/
    font-family:'Josefin Sans', sans-serif;
    background-color:#c8e6d7;
    font-size:1.2rem;
}



.sheet {
  position: relative;
  width: 1140px;
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .sheet {
    width: 1140px;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .sheet {
    width: 940px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .sheet {
    width: 720px;
  }
}
@media (min-width: 576px) and (max-width: 767px) {
  .sheet {
    width: 540px;
  }
}
@media (max-width: 575px) {
  .sheet {
    width: 340px;
  }
}

.circle{
    height:12rem;
    width:12rem;
    border: 3px solid #fff;
    border-radius:6rem;
    font-size:10rem;
    color:var(--bs-primary);
}

#image-gallery-image{
    max-height: 90vh;
    object-fit: scale-down;
    max-width:100%;
    
    
}
#image-gallery-video{
    max-height: 90vh;
    object-fit: scale-down;
    max-width:100%;
    
    
}

.btn-primary{
    
    background-color:var(--bs-primary);
    border-color:var(--bs-primary-dark);
    
}
.btn-primary:hover{
    
    background-color:var(--bs-primary-dark);
    border-color:var(--bs-primary-dark);
    
}

.cr-img{
  /*position: absolute;*/
  margin-top:-2rem;
  bottom: 8px;
  right: 16px;
  text-align:center;
  width:100%;
}