h2{
	position: top;
	font-family: "Times New Roman", Georgia, Serif;
	font-size: 100px;
	text-align: center;
	/*left: 360px;*/
	color: red;
	text-shadow: 2px 2px 4px black; /*3rd 4px = blur*/
	LINE-HEIGHT:0px;
}



p {
color: black;
color: black;
text-align: center;
font-size: 16px;
/*font-family: "Times New Roman", Times, serif;*/
/*  text-indent: 20px;*/
/*  text-transform: uppercase;*/
}
	
/*	wrap text is a box*/
	
/*			<p style="text-align:justify;border:2px; border-style:solid; border-color:#black; border-radius: 1em; padding:1em"*/
div.box1 {
  background-color: white;
  width: 870px;
  border: 4px solid black;
  padding: 2px;
  margin: 2px;
	border-radius: 1em; 
	font-family:Arial, sans-serif, Times, serif;
/*
border-radius: 1em; 
padding:2em"
*/
}
	
div.box2 {
	position:relative;
/*	right: 220;*/
/*	right: 100px;*/
left: 85px;
background-color: black;
width: 700px;
border: 8px solid red;
padding: 2px;
margin: 2px;
border-radius: 1em; 
background: lightgrey;
font-family:Arial, sans-serif, Times, serif;
/*
border-radius: 1em; 
padding:2em"
*/
}

div.box3 {
	position:relative;
/*	right: 220;*/
/*	right: 100px;*/
left: 85px;
width: 700px;
border: 8px solid red;
padding: 2px;
margin: 2px;
border-radius: 1em; 
background: black;
font-family:Arial, sans-serif, Times, serif;
/*
border-radius: 1em; 
padding:2em"
*/
}


	
	div.boxServ {
  background-color: lightgrey;
  width: 300px;
  border: 15px solid green;
  padding: 50px;
  margin: 20px;
	font-family:Arial, sans-serif, Times, serif;
}
	
	
	/*	wrap text is a box*/
	.content {
  max-width: 910px;
max-height: 900px;
  margin: auto;
  background: lightgrey;
  padding: 0px;
}
	
/*	*/
/*body { background-image: url("lgrey177.gif"); background-repeat: repeat; }*/
	

  #stage {
/*    margin: 30em auto;*/
	  margin-right: 5px;
	  margin-left: 5px;   
    width: 900px;
/*    height: 3900px;*/
  }

  #stage aSlide {

    position: absolute;
	  top: 70px; left: centre;
  }
	
  #stage aSlide img {
    padding: 10px;
    border: 2px solid black;
    background: #fff;
/*  box-shadow: 10px 10px red ;*/
	box-shadow:4px 4px 6px 2px black; 
	  
  }

  #stage aSlide:nth-of-type(1) {
    animation-name: fader;
    animation-delay: 2s;
    animation-duration: 2s;  
    z-index: 20;
  }
  #stage aSlide:nth-of-type(2) {
    z-index: 10;
  }
  #stage aSlide:nth-of-type(n+3) {
    display: none;
  }

  @keyframes fader {
    from { opacity: 1.0; }
    to   { opacity: 0.0; }
  }
	
/*	My Stuff Starts Here*/
	
	 div.c {
    text-align: center;
		   font-size: 20px;
		   color: red;
		   font-weight: bold;
		  text-shadow: 2px 2px 1px black;
font-family:Arial, sans-serif, Times, serif;
		 

		 }
	
div.but {
text-align: center;
font-size: 24px;
color: red;
font-weight: bold;
text-shadow: 2px 2px 1px black;
background-color: lightgrey;
width: 870px;
border: 4px solid red;
padding: 8px;
margin: 2px;
border-radius: 1em; 
background: black;
font-family:Arial, sans-serif, Times, serif;

/*		 addition styling for buttone*/
}
	
			 div.vid {
    text-align: center;
		   font-size: 20px;
		   color: red;
		   font-weight: bold;
		  text-shadow: 2px 2px 1px black;
				font-family:Arial, sans-serif
	}
				 
	div.ag {
/*								 general black text for reaging*/
    text-align: center;
		   font-size: 16px;
		   color: blask;
		   font-weight: normal;
/*		font-family: "Times New Roman", Times, serif;*/
		font-family:Arial, sans-serif
/*		  text-shadow: 2px 2px 1px black;*/
		 
		 
/*		 addition styling for buttone*/


  }
	
/*	this ismy buttons*/
	

	

body {

background-color: lightgrey;
font-family:Arial, sans-serif, Times, serif;
} 

 .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

#Opacity {
opacity: 1;
}

div.vidSpacer {
background-color: lightgrey;
width: 870px;
text-align: center;
position:relative;

margin: auto;
height:200px;
z-index: -1;
}
	
	
	div.mob1 {
  background-color: darkgrey;
  width: 360px;
  border: 4px solid red;
  padding: 2px;
  margin: 2px;
		   text-align: center;
	border-radius: 1em; 
	font-family:Arial, sans-serif, Times, serif;
/*
border-radius: 1em; 
padding:2em"
*/
}


.container {
  display: flex;
  justify-content: center;
}

	
	
	 div.footer2 {
  position: fixed;
  left: 0;
  bottom: -20;
  width: 100%;
  background-color: black;
  color: white;
  text-align: center;
}


	

	
	
  }