body {
  font-size: 100%;
  background-color:#CCCCCC;
}

.navbar{background-color:#3B5774; padding:1% 5%;}
.navbar-brand{border-radius:20px;
	background-color:#FFFFFF;}
.navbar-toggler-icon{background-color:white;}

#wrapper{background-color:#CCCCCC; margin:0% auto; width:80%;}
	
#flex-header{display:-webkit-flex;
	display:flex;
	flex-direction:row;
	-webkit-justify-content:center;
	justify-content:center;
	}
		
#flex-footer{display:-webkit-flex;
	display:flex;
	flex-direction:column;
	-webkit-justify-content:center;
	justify-content:center;
	padding-top:1%;
	}	

div.textbox{
    display:inline-block;
	width:28%;
	padding:1%;
}	

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

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

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

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

div.img1 {
    margin:1%;
    display:inline-block;
    width:17%;
    border: 4px solid #B0B0B0;
}

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

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

div.adv0{
	width:95%;
	background-color:#FFAF95;
	border-radius:25px;
	padding:0.5% 2%;
	margin-top:1%;
	margin-bottom:3%;
	}

h1{color:#8B0000;
	font-family:Arial,Verdana,san-serif;
	text-align:center;}
h2{color:#FFFFFF; font-family:Arial,Verdana,san-serif; text-align:center; font-weight:bold;}
h3{color:#8B0000; font-family:"Arial Rounded MT Bold", Verdana, san-serif; font-size:130%; text-align:center;}

.p3{color:#8B0000; font-family:Segoe Print,Verdana,san-serif; font-size:1.4rem; padding:0% 1%; margin:2% auto 1%;}

.t0{color:#CE0023; font-family:Arial Black; font-size:1.6rem; font-weight:bold;}	
.t1{color:#8B0000; font-family:Arial,Verdana,san-serif; font-size:1.3rem; text-align:center; margin-top:3%;}
.t2{color:#0D0D0D; font-family:Arial,Verdana,san-serif; font-size:1.1rem;}
.t3{color:#8B0000; font-family:Arial,Verdana,san-serif; font-size:1.1rem; text-align:center;}

.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;}


#section4{width:40%; background-color:transparent;}
#section5{width:55%;}

@font-face {
    font-family: "Arial Rounded MT Bold";
    src: url(http://www.example.org/.ttf) format("truetype");
}


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

.a1{color:#0D0D0D; font-family:Arial,Verdana,san-serif;font-size:1rem;}

h4{color:darkred; font-family:Segoe Print,Comic Sans MS,san-serif; font-weight:bold;}

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

/* extra small */
@media only screen and (max-width: 575px){
.wrapper{width:100%;}
.a1{font-size:0.9rem;}
.t0{font-size:1.0rem;}
.t1{font-size:0.8rem;}	
.t2{font-size:0.7rem;}
.t3{font-size:0.7rem;}
.p3{font-size:0.8rem;}
h2{font-size:1.5rem;}
h3{font-size:1.2rem;}
li{font-size:0.6rem;}
.navbar-brand{padding:0.5rem;}
#section4{display:none;}
#section5{width:100%;}
#section6{display:none;}
.adv1{font-size:0.7rem;}
.adv2{font-size:0.7rem;}
}

/* small */
@media only screen and (min-width: 576px) and (max-width: 767px){
.wrapper{width:95%;}
.a1{font-size:0.9rem;}
.t0{font-size:1.1rem;}
.t1{font-size:0.9rem;}
.t2{font-size:0.7rem;}
.t3{font-size:0.7rem;}
.p3{font-size:0.9rem;}
h2{font-size:1.6rem;}
h3{font-size:1.3rem;}
li{font-size:0.7rem;}
#section4{display:none;}
#section5{width:90%;}
#section6{display:none;}
.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;}
.t0{font-size:1.5rem;}
.t1{font-size:1.1rem;}
.t2{font-size:0.9rem;}
.t3{font-size:0.9rem;}
.p3{font-size:1.1rem;}
.adv1{font-size:1.0rem;}
.adv2{font-size:1.0rem;}
h2{font-size:1.8rem;}
h3{font-size:1.5rem;}
li{font-size:0.8rem;}
#section4{width:100%;}
#section5{width:100%;}
#section7{display:none;}
}

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

/* extra large */
@media (min-width: 1200px){
.adv1{font-size:1.2rem;}
.adv2{font-size:1.2rem;}
}

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