body
  {
  font-family:Review, Arial, Times, Sans-serif;
  /*background-image:url("logo.jpg");*/
  background-attachment:scroll;
  background-position:center;
  background-repeat:no-repeat;
  background-color:#2edba7;
 }

header
  {
    background-color:#51d0de;
	color:black;
	margin: auto;
	margin-left: auto;
    margin-right: auto;
	text-align:center;
	padding:2px;
	overflow: hidden;
	width:90%
  }
  
header img{
	float:left;
	border-radius: 10%;
	margin-left:2px;
	margin-top:50px;
	padding:1px;
	max-width: 100%;
	}

hgroup {
	list-style-type:none;
	float:left;
	}


/*start logo head contact details */	
* {
  box-sizing: border-box;
  border-color: red;
 }

/* Create three unequal columns that floats next to each other width:auto ;height:auto; object-fit: fill;*/
.column {
  float: left;
  padding: 5px;
  height: auto;
  /*height: 320px;  Should be removed. Only for demonstration */
}

.left {
  width: 10%;
}
.right {
  width: 35%;
}
.middle {
  width: 55%;
}
@media screen and (max-width: 800px) {
  .left, .main, .right {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* middle start*/
#h1{
	font-size:3em;
	color:red;
	text-align:center;
	font-family: Georgia, Arial, Times, Sans-serif;
	text-shadow: 2px 2px 4px #000000;
	}			

#h2{
	font-size:1.5em;
			text-align:center;
			color:black;
			}

#h1:hover{
				/*font-size:4.5em;*/
				color:green;
				font-family: Fantasy, Times, Sans-serif;
				}
/* Clear floats after the columns */
.row:after {
  display: table;
  clear: both;
  width: 80%;
}

/*contact informaiton*/
.contact-info h1 {color:blue; overflow:hidden; margin: 10px 5px 10px 5px; }
table {
  border: 1px solid none;
  border-collapse: collapse;
  float: center;
  margin: auto auto auto 20px;
  }
th {
  text-align: left;
  text-decoration: none;
  font-family:Elephant, Arial, Times, Sans-serif;
  font-size:1.5em;
  overflow:hidden;
  color: #6600cc;
	/*text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 5px darkblue;	*/
}
td {
  text-align: right;
  overflow:hidden;
}
.contact-info a:hover { text-decoration: underline; }
.address {color:black; margin: 15px auto 10px 20px; }
/* contact informaiton */
/*end logo head contact details */



/*menu */
nav ul{
	list-style-type:none; 
	margin-left:50px;
	}

nav.hedermenu ul li{
	font-family:Arial, Times, Sans-serif;
	background-color:orange;
	float: left;
	margin-right:5px;
	font-size:1.5em;
	border : 2px solid blue;
	padding: 2px;
	border-radius: 10%;
	}

nav ul li a:link{
				color: red;
				}
nav ul li a:visited{
				color: #fc0303;
				}

nav ul li a:hover{
				font-size:2em;
				color:blue;
				box-shadow: 5px 10px red;
				border-radius: 5%;
				}

nav ul li a:active{
				color: black;
				}

/*menu end*/


#head12{	
	justify-content: left;
	align-items: left;
	text-align:justify;
	font-weight: bold;
	font-size:2.5em; 
	line-height: 80%;
	text-shadow: 2px 2px 5px red;
	overflow:hidden;
	}
    
.promoters{	
	align-items: left;
	margin: auto;
	width: 90%;
		border: 3px solid #73AD21;
  padding: 10px;
  background-color:#66b3ff;
	} 



/*

div.rtimage img{float:right; border: 20px solid purple; margin-right:50px;border-radius:5%;}
#steps{
	text-align:justify;
	font-weight: bold;
	font-size:2em; 
	line-height:1.5;
	word-spacing:2px;
	margin:10px 530px 10px 10px;
	}

	
div.ltimage img{float:left; border: 20px solid green; margin-left:50px;border-radius:5%;}
#para{				--	text styling near image
	display: flex;
	justify-content: center;
	align-items: center;
	height: 400px;
	text-align:justify;
	text-indent: 50px;
	font-weight: bold;
	font-size:2em; 
	padding:10px 50px 10px 50px;
	line-height: 2;
	
	}
*/	

  /* hr  */

article.whyus1
{ background-color:#10b32e; margin:auto; overflow:hidden;}
img.hgpwhyusimg{
	width:35%;
	float:left;
	border-radius: 15%;
	padding:10px 40px 10px 40px;
}
.navwhyus1 ul li img{ 		 /* why us list items image  */
	border-radius:30%;
	margin:5px auto auto auto;
}
#whyusli{					/*	why us list items text; */ 
	color: red;
	font-size:3em;
	overflow:hidden;
	font-weight:bold;
	margin:5px auto auto auto;
	text-shadow: 2px 2px 4px #000000;
	line-height: 1.5;
	}
 





 
 footer
  {
    background-color:white;
    color:orange;
	font-weight:bold;
    margin-left: auto;
    margin-right: auto;
    border-width:3px;
	border-style:solid;
	border-color:red;
	text-align:left;
	padding:5px;
  }
  a { text-decoration:none	}
   
  /*   */

