@charset "UTF-8";
/* CSS Document */

/*text*/

/*Colors:
White: rgba(252,252,252,1.00)
Grey: rgba(90,94,121,1.00)
"Black": rgba(56,56,56,1.00)
Light Green: rgba(149,167,104,1.00)
Dark Green: rgba(60,94,52,1.00)
Winter Cyan: rgba(221,246,253,1.00)

*/

/*font definitions */

		h1{font-family: 'Farmhand', 'Carina Pro Bold', 'Hoefler Text', 'Times New Roman', 'Lucida Grande';
			color:rgba(252,252,252,1.0);
		  font-size:32pt;
			float:center;
			filter: drop-shadow(0px 3px 6px rgba(151,186,196,0.86));
			}

			h2{font-family: 'Farmhand', 'Carina Pro Bold', 'Hoefler Text', 'Times New Roman', 'Lucida Grande';
			font-size:64px;
			}

		  h3{font-family: 'LiebeRuth', 'Carina Pro Bold', 'Hoefler Text', 'Times New Roman', 'Lucida Grande';
		  font-size:32pt;
		  color: rgba(252,252,252,1.00)}

		  h4{font-family: 'LiebeRuth', "Carina Pro Bold", "Hoefler Text", "Times New Roman", "Lucida Grande";
		  font-size:24pt;}

		  h5{font-family: 'LiebeRuth', 'Carina Pro Bold', 'Hoefler Text', 'Times New Roman', 'Lucida Grande';
		  font-size:18pt;
		  }

		  h6{font-family: "LiebeRuth", "Carina Pro Bold", "Hoefler Text", "Times New Roman", "Lucida Grande";
		  font-size:12pt;}

.bg-dark {background-color:r}

.product_pict{
	margin-left: 3rem !important;
}

	@media screen and (max-width: 3000px){
	h1.display-1{font-size: 8em !important;}
	}
	
	@media screen and (max-width: 1140px){
	h1.display-1{font-size: 7em !important;}
	}
	
	@media screen and (max-width: 960px){
		h1.display-1{font-size: 6em !important;}
	}
		
	@media screen and (max-width: 720px){
		h1.display-1{font-size: 5em !important;}
	}
			
	@media screen and (max-width: 540px){
	h1.display-1{font-size: 4em !important;}
	}

/*link changes */
.grandgallery a:link{color:rgba(221,246,253,1.00)} 
.grandgallery a:visited{color:rgba(90,94,121,1.00)} 
.grandgallery a:hover{color:rgba(252,252,252,1.00)} 
.grandgallery a:active{color:rgba(90,94,121,1.00)} 


/*button definitions */

.btn-ltd,.btn-ltd:visited {
	color:rgba(149,167,104,1.00);
	background-color:rgba(255,160,0,1.00);
	border-color:rgba(255,160,0,0.00);
	border-radius: 0.00rem;
}

.btn-ltd:hover, .btn-ltd:active {
	color:rgba(149,167,104,1.00);
	background-color:rgba(191,133,29,1.00);
	border-color:rgba(255,160,0,0.00);
	border-radius: 0.00rem;
}

.fab{color:rgba(252,252,252,1.00);}
.fab:visited{color:rgba(221,246,253,1.00);}
.fab:hover{color:rgba(221,246,253,1.00);}
.fab:active{color:rgba(221,246,253,1.00);}

/*default carousel style - from the getbootstrap example */
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .featurette-heading {
    font-size: 50px;
  }
}

@media (min-width: 62em) {
  .featurette-heading {
    margin-top: 7rem;
  }
}