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

/*text*/

/*Colors:
White: rgba(252,252,252,1.00)
Tan: rgba(205,161,118,1.00)
Brown: rgba(108,76,76,1.00)
Eggshell: rgba(216,214,223,1.00)
Beige: rgba(214,209,196,1.00)
Goldenrod: rgba(255,206,0,1.00)
Maroon: rgba(193,71,41,1.00)
Orange: rgba(255,178,89,1.00)
"Black": rgba(56,56,56,1.00)

*/

/*font definitions */

@font-face {
font-family: "George";
src: url("https://loganlogindomain.com/css/fonts/george.eot");
src: url("https://loganlogindomain.com/css/fonts/george.woff") format("woff");
src: url("https://loganlogindomain.com/css/fonts/George.ttf") format("ttf"),
url("https://loganlogindomain.com/css/fonts/george.svg") format("svg");
}

@font-face {
font-family: "Bebas";
src: url("https://loganlogindomain.com/css/fonts/bebas.eot");
src: url("https://loganlogindomain.com/css/fonts/bebas.woff") format("woff");
src: url("https://loganlogindomain.com/css/fonts/bebas.ttf") format("ttf"),
url("https://loganlogindomain.com/css/fonts/bebas.otf") format("opentype"),
url("https://loganlogindomain.com/css/fonts/bebas.svg") format("svg");
}

		  h1{font-family: "George", "Rush Hour Regular", "Westgate Bold", 'Impact', "Times New Roman";
		  font-size:56pt;}

		  h2{font-family: "George", "Rush Hour Regular", "Westgate Bold", 'Impact', "Times New Roman";
		  font-size:32pt;
		  color: rgba(56,56,56,1.00)}

		  h3{font-family: "Bebas", 'Teko', 'Impact', "Lucida Grande", "Times New Roman";
		  font-size:24pt;}

		  h4{font-family: "Bebas", 'Teko', 'Impact', "Lucida Grande", "Times New Roman";
		  font-size:20pt;
		  color: rgba(56,56,56,1.00)}

		  h5{font-family: "Bebas", 'Teko', 'Impact', "Lucida Grande", "Times New Roman";
		  font-size:24pt;
		  color: rgba(56,56,56,1.00)}

		  h6{font-family: "Bebas", 'Teko', 'Impact', "Lucida Grande", "Times New Roman";
		  font-size:16pt;}

		  h7{font-family: "Bebas", 'Teko', 'Impact', "Lucida Grande", "Times New Roman";
		  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;}
	}

/*button definitions */

.btn-ltd,.btn-ltd:visited {
	color:rgba(205,161,118,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(205,161,118,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(108,76,76,1.00);}
.fab:hover{color:rgba(108,76,76,1.00);}
.fab:active{color:rgba(108,76,76,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;
  }
}