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

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

.wrapper{width:90%;
		margin:1% auto;
}



#section2{background-color:#E0E0E0;}
	
.style1{border:2px solid darkred;}
.style2{border:2px solid #555555;}

.ht1{height:400px;}

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

.a1{color:#0D0D0D; font-family:Arial,Verdana,san-serif;font-size:1rem;}
.t0{color:#1A3B5B; font-family:Segoe Print,Comic Sans MS,san-serif; font-size:1.6rem; font-weight:bold;}	
.t1{color:#000000; font-family:Arial,Verdana,san-serif; font-size:1.3rem;}
.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;}
.p1{color:#0D0D0D; font-family:Arial,Verdana,san-serif; font-size:1.1rem; padding:0% 2%;}
.l1{text-align:left; padding:0rem; list-style-type:none;}

h5{color:darkred; font-family:Segoe Print,Comic Sans MS,san-serif; font-weight:bold;}
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;}
.t4{font-size:0.7rem;}
.p1{font-size:0.9rem;}
h2{font-size:1.5rem;}
h3{font-size:1.2rem;}
h5{font-size:1.1rem;}
#myCarousel{display:none;}
#section4{display:none;}
#section6{display:none;}
#section7{display:none;}
.style1{border-width:1px;}
.navbar-brand{padding:0.5rem;}
#section2{margin:none;}
}

/* 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;}
.t4{font-size:0.7rem;}
.p1{font-size:0.9rem;}
h2{font-size:1.6rem;}
h3{font-size:1.3rem;}
h5{font-size:1.2rem;}
#myCarousel{display:none;}
#section4{display:none;}
#section6{display:none;}
#section7{display:none;}
}

/* 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;}
.t4{font-size:0.9rem;}
.p1{font-size:0.9rem;}
h2{font-size:1.8rem;}
h3{font-size:1.5rem;}
}

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

/* extra large */
@media (min-width: 1200px){
#section2{margin:0% 2%;}
}



@media only screen and (min-width: 768px) and (max-width: 999px){
.ht1{height:200px;}
}

@media only screen and (min-width: 1000px) and (max-width: 1229px){
.ht1{height:250px;}
}

@media only screen and (min-width: 1230px) and (max-width: 1459px){
.ht1{height:300px;}
}

@media only screen and (min-width: 1460px) and (max-width: 1689px){
.ht1{height:350px;}
}

@media only screen and (min-width: 1690px) and (max-width: 1920px){
.ht1{height:400px;}
}

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