body {
  font-size: 100%;
}

#wrapper{display:-webkit-flex;
	display:flex;
	flex-direction:column;
	background-color:#C0C0C0;
	width:90%;
	margin:2% auto;}

.jumbotron{margin:1% 4%; text-align:center;}

#flex-header{display:-webkit-flex;
	display:flex;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	background-color:#555555;
	}
		
#flex-footer{display:-webkit-flex;
	display:flex;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	padding:0% 0% 3%;
	}	

.outer-flexbox{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	padding:3%;
	margin:2% auto;
	width:86%;
	background-color:#555555;
	}

.flexbox-1{
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	padding:3%;
	margin:1% auto 0%;
	}


.carousel-item img {
  height: 100%;
  width: 100%;
  object-fit: contain; /* Or cover, depending on desired effect */
}

div.textbox{
    display:inline-block;
	width:29%;
	padding:2%;
}	

div.img {
    margin: 18px;
    display:inline-block;
    width:28%;
    border: 4px solid #555555;
}

div.img1 {
    margin: 18px;
    display:inline-block;
    width:18%;
    border: 4px solid #555555;
}

div.img:hover {
    border: 4px solid #FFFFFF;
}

div.img1:hover {
    border: 4px solid #FFFFFF;
}

div.img img {
    max-width: 100%;
    height: auto;
}

div.img1 img {
    max-width: 100%;
    height: auto;
}

h1{color:#8B0000;
	font-family:Arial,Verdana,san-serif;
	text-align:center;}

hr{border:1px solid #555555; margin:1%;}


.a1{color:#0D0D0D; font-size:1.0rem;}
.p1{color:#0D0D0D; font-family:Arial,Verdana,san-serif; font-size:1.1rem; padding:0% 4%;}
.s1{color:#ffffff; text-align:center;}
.t1{color:#ffffff; font-family:Arial,Verdana,san-serif; font-size:1.6rem; text-align:center;}		
.t2{color:#ffffff; font-family:Arial,Verdana,san-serif; font-size:1.1rem; text-align:center; margin-top:2%;}
.t3{color:#0D0D0D; font-family:Arial,Verdana,san-serif; font-size:1.1rem;}
.t4{color:#ffffff; font-family:Arial,Verdana,san-serif; font-size:1.1rem; text-align:left;}

/** .adv0{width:95%; background-color:#FFAF95; border-radius:25px; padding:0.5% 2%; margin-top:1%; margin-bottom:3%;} **/
.adv0{width:95%; background-color:#ECC3B6; border-radius:25px; padding:0.5% 2%; margin-top:1%; margin-bottom:3%;}
.adv1{color:#8B0000; font-family:Arial,Verdana,san-serif; font-size:1.3rem; text-align:center;}
.adv2{color:#0D0D0D; font-family:Arial,Verdana,san-serif; font-size:1.2rem;}

.gold1{color:#D18724;}
.brown1{color:#A0472D;}
.red{color:#FF0000;}
.white{color:#FFFFFF;}
.yellow{color:#FFFF00;}

/******* Responsive Website Templates *********/

/* extra small */
@media only screen and (max-width: 575px){
#wrapper{width:100%;}
.a1{font-size:0.7rem;}
.t1{font-size:1.0rem;}	
.t2{font-size:0.7rem;}
.t3{font-size:0.7rem;}
.t4{font-size:0.7rem;}
.p1{font-size:0.8rem;}
h2{font-size:1.5rem;}
h3{font-size:1.2rem;}
div.img{border:none;}
div.img:hover{border:none;}
div.img1{border:none;}
div.img1:hover{border:none;}
.adv1{font-size:0.9rem;}
.adv2{font-size:0.9rem;}
}

/* small */
@media only screen and (min-width: 576px) and (max-width: 766px){
#wrapper{width:100%;}
.a1{font-size:0.8rem;}
.t1{font-size:1.2rem;}
.t2{font-size:0.7rem;}
.t3{font-size:0.7rem;}
.t4{font-size:0.7rem;}
.p1{font-size:0.8rem;}
h2{font-size:1.6rem;}
h3{font-size:1.3rem;}
.adv1{font-size:0.9rem;}
.adv2{font-size:0.9rem;}
}

/* medium */
@media only screen and (min-width: 768px) and (max-width:991px){
#wrapper{width:95%;}
.a1{font-size:0.9rem;}
.t1{font-size:1.4rem;}
.t2{font-size:0.9rem;}
.t3{font-size:0.9rem;}
.t4{font-size:0.9rem;}
.p1{font-size:0.9rem;}
h2{font-size:1.8rem;}
h3{font-size:1.5rem;}
.adv1{font-size:1.0rem;}
.adv2{font-size:1.0rem;}
}

/* large */
@media only screen and (min-width: 992px) and (max-width: 1199px){
.t1{font-size:1.6rem;}
.t2{font-size:0.8rem;}
.adv1{font-size:1.2rem;}
.adv2{font-size:1.2rem;}

}

/* extra large */
@media only screen and (min-width: 1200px){
}


/***************************************************************/