body{
		color:purple;
		text-align:center;
		background-color:black;
		
	}

	
	.center{
		text-align:center;
		margin:auto;
	}
	
	#left {
		position: relative;
		padding-top:40px;
		left: 300px;
	}
	#e1{
		border-spacing:10px;
		border-collapse: separate;
		color:blue;
	}
	#e2{
		border-collapse:collapse;
		color:blue;
	}
	#e3{
		color:blue;
			border-collapse:collapse;
			caption-side:bottom;
			empty-cells: show;
			height:50px;

	}
	
	#flowOver{
		overflow:scroll;
		 overflow-x: visible;
		 height:50px;
	}
	#flowOver2{
		overflow:scroll;
		 overflow-x: visible;
		 height:50px;
	}
	
	.redBorder{
		border: 5px solid red;
		width:525px;
	text-align:center;
		margin:auto;
	}
	
	.flex1{
		display:block;
	}
	.flex2{
		display:none;
	}
	.showOrNo{
		display:none;
	}
	
	@media screen and (min-width:768px) { 
	
			.flex1{
			display:none;
			
		}
		.flex2{
			display:flex;
		}
		.showOrNo{
			display:block;
		}
	
	}
	
	@media (min-width: 992px) { 
		.flex1{
			display:none;
			
		}
		.flex2{
			display:flex;
		}
				.showOrNo{
			display:block;
		}
	
	}
	a:hover{
		font-size:40px;
		
	}

	@media (min-width: 1200px) { 
	.flex1{
			display:flex;
	}
			.flex2{
		display:none;
	}
		.showOrNo{
		display:none;
	}

	}