body{
	background:#F7F7F7;
	font-family:Times New Roman, sergoe UI;
}

footer{
		color:#FFFFFFB2;
		background:#2F2D2D;
	}
.fa-facebook,.fa-linkedin{
		font-size:1.5em;
		color:#BBBBBB;
		margin-right:5%;
	}

/*Styling for mobile Devices First*/
@media screen and (max-Width:991px){
	
	#AboutUs{
		background:#A8D5BA;
		height:13vh;
		display:flex;
		justify-content:content;
	}
	
	#AboutUs h1{
		font-weight:;
	}
	
	#BrandName{
		font-size:30px;
		font-weight:bold;
	}
	header{
		display:flex;
		justify-content:space-between;
		align-items:center;
		background:;
		height:7vh;
	}
	
	nav{
		display:block;
		position:absolute;
		height:50vh;
		background:#A8D5BA;
		width:90%;
		left:0;
		transform:translateX(-103.3%);
		transition: transform 0.9s ease-in-out;
		margin-left:2.3%;
		border:2px solid black;
		border-radius:10px;
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	nav a{
		display:block;
		text-decoration:none;
		color:black;
		padding-bottom:5%;
		padding-top:5%;
		font-weight:bold;
	}
	
	/* Look for a Nav that has class show */
	nav.show{
		transform:translateX(0%);
	}
	
	#close{
		display:none;
	}
	.triggers{
		font-size:25px;
		color:black;
	}
	
	header div{
		display:flex;
		justify-content:center;
		align-items:center;
		width:30%;
		color:#F29F22;
		border-radius:10px;
		border:2px solid  #F29F22;
	}
	header div a{
		color:#F29F22;
		text-decoration:none;
	}
	.content div{
		background:#A8D5BA;
		width:50%;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
		height:5vh;
		cursor:pointer;
	}
	.cont{
		cursor:pointer;
		width:40%;
		height:6vh;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
		background:#A8D5BA;
	}
	section div a{
		text-decoration:none;
		color:black;
	}
	
	section ul{
		background:;
		list-style:none;
		padding-left:0.1em;
		margin-top:0.5%;
		
	}
	section ul li,section div ul li{
		background:;
		margin-bottom:1.0%;

	}
	
	section ul li a{
		text-decoration:none;
		color:#F29F22;
	}
	
	section ul li:before{
		content:' ';
		width:10px;
		height:10px;
		background:#A8D5BA;
		border-radius:50%;
		display:inline-block;
		margin-right:2%;
	}
	
	#ImageB{
		width:50%;
	}
	.ImageHolder{
		background:;
		width:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	section h2{
		background:;
		margin-bottom:0;
	}
	
	#copyright{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	
	footer div a{
		text-decoration:none;
	}
	
	footer ul{
		list-style:none;
		padding-left:0.25em;
	}
	
	footer ul a{
		text-decoration:none;
		color:#FFFFFFB2;
	}
	
	footer ul li{
		padding-bottom:2%;
		padding-top:2%;
	}
	footer div h3{
		font-weight:normal;
		margin-bottom:10px;
		font-size:1em;
		padding-left:1.2%;
	}
	
	#ImageA{
		width:30%;
	}
	
	section button{
		border-radius:10px;
		color:#F29F22;
		border:2px solid #F29F22;
		border:none;
		width:30%;
		height:5vh;
		font-family:inherit;
		font-size:inherit;
		border:2px solid #F29F22;
		background:inherit;
		display:block;
	}
	
	/*Styling FAQs*/
	
	#faqs{
		margin-bottom:3%;
		background:#A8D5BA;
		height:13vh;
		display:flex;
		justify-content:content;
	}
	.faqs{
		background:;
		margin-bottom:5%;
		line-height:1.5;
		border-bottom:0.5px solid #ccc;
	}
	::marker{
		color:#2E8B57;
	}
	
	/*End*/
	
	/*Styling About us Page*/
	.shortDesc, .maincontent ul{
		line-height:1.8;
	}
	.shortDesc p{
		background:;
		margin:0;
	}
	.maincontent h2{
		background:;
		font-size:inherit;
	}
	.maincontent ul{
		background:;
		margin-top:3%;
	}
	.maincontent ul li{
		background:;
		margin-bottom:5%;
	}
	/*end*/
	
	/*Styling Pricing Page*/
	table{
		margin-top:5%;
		background:;
		width:100%;
		border-collapse:collapse;
	}
	th,td{
		padding:10px;
		text-align:left;
		border:2px solid black;
		padding-left:1%;
	}
	thead{
		font-weight:bold;
	}
	.price h2,#pricing h1{
		font-size:inherit;
		background:;
	}
	.price p{
		background:;
		margin-top:0;
		line-height:1.8;
	}
	.sub_heading{
		background:;
		font-size:inherit;
	}
	#pricing{
		margin-bottom:3%;
		background:#A8D5BA;
		height:8.5vh;
		display:flex;
		justify-content:content;
	}
	
	/*End*/
	
	/*Styling Home Page*/
	.main_title{
		background:;
		padding:2%;
	}
	.main_title h1{
		font-size:20px;
		color:#555555;
		font-weight:bold;
	}
	.para{
		line-height:1.8;
	}
	
	/*End */ 
	
	/* contact us */
	
	.contacts{
		background:;
		display:flex;
		align-items:center;
		margin-bottom:2%;
	}
	.contacts img,.contacts i{
		width:15%;
		background:;
	}
	.contacts span{
		margin-left:3%;
		font-weight:bold;
		font-size:15px;
	}
	.contacts i{
		padding-left:1%;
		font-size:30px;
	}
	
	/*End*/
	
}



/*styling for Big screens*/
@media screen and (min-Width:991px){
	*{
		margin:0;
		padding:0;
	}
	.triggers{
		display:none;
	}
	
	#body{
		background:;
		height:80vh;
		overflow:scroll;
	}
	footer{
		height:10vh;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	header{
		padding-top:2%;
		box-sizing:border-box;
		margin-top:0;
		background:#A8D5BA;
		display:flex;
		justify-content:space-between;
		height:10vh;
		padding-left:7%;
		padding-right:7%;
	}
	nav{
		background:;
		padding-top:2%;
		display:flex;
		justify-content:space-between;
		width:60%;
		position:absolute;
		left:15%;
		top:0%;	
	}
	nav a,header a{
		text-decoration:none;
		color:black;
		font-size:20px;
	}
	.active{
		background:#F7F7F7;
		width:20%;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#section1{
		width:100%;
		display:flex;
		background:;
		justify-content:space-between;
	}
	.ImageHolder{
		background:;
		text-align:right;
	}
	.ImageHolder img{
		width:50%;
		height:auto;
	}
	.main_title{
		height:10vh;
		background:;
		width:80%;
	}
	#section2{
		background:;
		padding:3%;
	}
	#section3{
		background:;
		height:15vh;
	}
	#section3 p{
		line-height:1.2;
		font-size:20px;
	}
	.cont{
		cursor:pointer;
		width:15%;
		height:6vh;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
		background:#A8D5BA;
	}
	
	.content div{
		background:#A8D5BA;
		width:20%;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
		height:5vh;
		cursor:pointer;
	}
	
	.content div a{
		text-decoration:none;
		color:black;
	}
	#section4{
		display:flex;
		justify-content:flex-start;
		background:;
	}
	.ImageHolder2 {
		background:;
		width:30%
	}
	.ImageHolder2 img{
		width:50%
	}
	
	#section4 section:nth-child(1){
		order:2;
		width:50%;
		display:flex;
		background:;
		display:flex;
		flex-direction:column;
		justify-content:flex-start;
	}
	
	#section4 .ImageHolder2{
		order:1
	}
	
	.para{
		background:;
		line-height:2;
		font-size:20px;
	}
	.sub_heading{
		background:;
	}
	header div{
		width:15%;
		border-radius:10px;
		cursor:pointer;
		background:;
	}
	header div a{
		color:black;
		
	}
	.para a{
		color:#F29F22;
		text-decoration:none;
	}
	.para span{
		color:#F29F22;
	}
	.why{
		background:;
		width:60%;
		padding:2%;
	}
	.contactus{
		background:;
		width:80%;
		padding:2%;
	}
	section button{
		border-radius:10px;
		border:none;
		width:15%;
		height:5vh;
		font-family:inherit;
		font-size:inherit;
		background:#A8D5BA;
		cursor:pointer;
	}
	#footera{
		display:flex;
		background:;
		justify-content:center;
		align-items:center;
	}
	#footera ul{
		display:none;
	}
	#footera h3{
		display:none;
	}
	#copyright{
		background:;
		display:flex;
		justify-content:center;
		align-items:center;
		height:6vh;
	}
	.fa-facebook{
		position:absolute;
		right:3%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
	.fa-linkedin{
		position:absolute;
		right:0%;
		bottom:2%;
		margin-top:3%;
		font-size:1.5em;
		color:#BBBBBB;
	}
	
	/*About us for a Big Screen*/
	.shortDesc p{
		font-size:20px;
		line-height:2;
	}
	
	
	#bodycontent{
		background:;
		height:80vh;
		overflow:scroll;
		padding:3.5%;
		box-sizing:border-box;
	}
	.maincontent{
		font-size:20px;
	}
	.maincontent ul li{
		padding-bottom:1.8%;
	}
	.maincontent h2{
		font-size:20px;
		margin-top:3%;
		margin-bottom:1%;
		
	}
	::marker{
		color:#2E8B57;
	}
	strong{
		font-size:17px;
	}
	
	.cont a{
		text-decoration:none;
		color:black;
	}
	.cont{
		cursor:pointer;
		width:15%;
		height:6vh;
		border-radius:10px;
		display:flex;
		justify-content:center;
		align-items:center;
		background:#A8D5BA;
	}
	/* end */
	
	
	/*styling FAQs*/
	#myfaq{
		font-size:20px;
	}
	#faqs{
		margin-bottom:3%;
	
	}
	.faqs{
		background:;
		margin-bottom:5%;
		line-height:1.5;
		border-bottom:0.5px solid #ccc;
	}
	/*end*/
	
	/* styling Pricing*/
	table{
		margin-top:2%;
		margin-bottom:2%;
		background:;
		width:100%;
		border-collapse:collapse;
	}
	th,td{
		padding:10px;
		text-align:left;
		border:2px solid black;
		padding-left:1%;
	}
	thead{
		font-weight:bold;
	}
	.price h2,#pricing h1{
		font-size:inherit;
		background:;
	}
	.price{
		background:;
		margin-bottom:2%;
		width:70%;
	}
	.price p{
		background:;
		margin-top:0;
		line-height:1.8;
		font-size:20px;
	}
	.sub_heading{
		background:;
		font-size:inherit;
	}
	#pricing{
	}
	/* end */
	
	/* contact us */
	
	.contacts{
		background:;
		display:flex;
		align-items:center;
		margin-bottom:2%;
	}
	.contacts img,.contacts i{
		width:5%;
		background:;
	}
	.contacts span{
		margin-left:3%;
		font-weight:bold;
		font-size:24px;
	}
	.contacts i{
		font-size:50px;
	}
	
	/*End*/
	
}