body {
	letter-spacing: 1px;
}

#country {
	margin-left: -8%;
}

#carouselCover .carousel-indicators {
	left: 70%;
	bottom: 1%;
    width: 50px;
}

.carousel-caption {
    left: 5%;
    bottom: 50%;
    top: 25%;
    background-color: rgba(252,252,252,.6);
    width: 25%;
    height: 45%;
    
}
.carousel-caption h5 {
	margin-right: 15%;
   	margin-left: 15%;
   	padding-top: 3%;
	font-family: 'Arvo', serif;
	font-size: 1.5vw;
	color: black;
}
.carousel-caption p {
   	margin-right: 10%;
   	margin-left: 10%;
   	padding-top: 3%;
   	font-size: 1vw;
   	font-family: 'Open Sans', sans-serif;
	color: grey;
}
.carousel-caption button {
	width: 70%;
	font-size: 1vw;
	font-family: 'Arvo', serif;
}


.carousel-smallscreen {
	background-color: white;
}
.carousel-smallscreen h5{
	padding-top: 3%;
	font-family: 'Arvo', serif;
	font-size: 4vw;
	color: black;
	text-align: center;
}
.carousel-smallscreen p{
	margin-right: 10%;
   	margin-left: 10%;
	padding-top: 0.5%;
   	font-size: 3vw;
   	font-family: 'Open Sans', sans-serif;
   	color: grey;
   	text-align: center;
}
.carousel-smallscreen button{
	width: 60%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 2vw;
}
.carousel-control-prev {
	left: -5%;
}
.carousel-control-next {
	right: -5%;
}
#productCarousel .carousel-item .img-box {
	height: 300px;
	width: 100%;
	position: relative;
}
#productCarousel .thumb-wrapper {
	text-align: center;
}
#productCarousel .thumb-content {
	padding: 0px;
}
#productCarousel .carousel-item img {	
	max-width: 100%;
	max-height: 100%;
	display: inline-block;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
}
#productCarousel .carousel-item a{
	color:black;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 1vw;
}

#productCarousel .carousel-indicators {
	bottom: 0px;
}

#productContainer .carousel-item{
	padding-bottom: 5%;
	text-align:center;
	overflow: hidden;
}
#productContainer h5{
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
	font-family: 'Arvo', serif;
	font-size: 2vw;
}


#BottomSection {
	padding-top: 3%;
	padding-right: 15%;
   	padding-left: 15%;
}
#BottomSection h5 {
	padding-bottom: 3%;
	font-family: 'Arvo', serif;
	font-size: 1.5vw;
	color: white;
}
#BottomSection p {
	padding-bottom: 0;
	padding-top:0;
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
	color: white;
}
#BottomSection span {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.2vw;
	color: white;
}
#BottomSection a:link, a:visited {
	text-decoration: none;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size: 1vw;
}
#herbsThumb h5{
	padding-top: 5%;
	padding-bottom: 3%;
	text-align: center;
	font-family: 'Arvo', serif;
	font-size: 2vw;
	color: white;
}

/* CSS for small screen (max-width 576px)*/
@media (max-width: 576px){
	#country {
		margin-left: -15%;
	}
	#productContainer h5{
	padding-top: 5%;
	padding-bottom: 5%;
	text-align: center;
	font-family: 'Arvo', serif;
	font-size: 4vw;
	}
	#productCarousel .carousel-item a{
	color:black;
	text-align: center;
	font-family: 'Open Sans', sans-serif;
	text-decoration: none;
	font-size: 3vw;
	}
	#BottomSection h5 {
	padding-bottom: 3%;
	font-family: 'Arvo', serif;
	font-size: 3vw;
	color: white;
	}
	#BottomSection p {
		padding-bottom: 0;
		padding-top:0;
		font-family: 'Open Sans', sans-serif;
		font-size: 2vw;
		color: white;
	}
	#BottomSection a:link, a:visited {
		text-decoration: none;
		color: white;
		font-family: 'Open Sans', sans-serif;
		font-size: 2vw;
	}
	#BottomSection span {
		font-family: 'Open Sans', sans-serif;
		font-size: 2.5vw;
		color: white;
	}
}

/* CSS for large screen (min-width 1920px)*/
@media (min-width: 1548px){
	.carousel-caption h5 {
		font-size: 23px;
	}
	.carousel-caption p {
		font-size: 16px;
	}
	.carousel-caption button {
		font-size: 16px;
	}
	#productContainer h5{
		font-size: 30px;
	}
	#productCarousel .carousel-item a{
		font-size: 16px;
	}
	#BottomSection {
	padding-top: 47px;
	padding-right: 240px;
   	padding-left: 240px;
	}	
	#herbsThumb h5{
	font-size: 30px;
	}
	#BottomSection h5 {
	font-size: 30px;
	}
	#BottomSection p {
		font-size: 16px;
	}
	#BottomSection a:link, a:visited {
		font-size: 16px;
	}
	#BottomSection span {
		font-size: 16px;
	}
}