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

	

	table,th,td{
		border: 5px solid blue;
	}
		div:nth-child(1){
			margin:auto;
			text-align:center;
		background-color:orange;

	}
			div:nth-child(2){
			margin:auto;
			text-align:center;
		background-color:green;

	}
	
	.center{
		text-align:center;
		margin:auto;
	}
	col{
		background-color:red;
	}
	.red{
		background-color:green;
	}

	#e1{
		border-spacing:10px;
		border-collapse: separate;
		
	}
	#e11{
		border-spacing:10px;
		border-collapse: separate;

	}
	#e2{
		border-collapse:collapse;
	
	}
	#e21{
		border-collapse:collapse;
		
	}
	#e3{
		
		border-collapse:collapse;
		caption-side:bottom;
		empty-cells: show;
		height:50px;
		overflow:scroll;
		overflow-x: visible;
	}
	#e31{
	
		border-collapse:collapse;
		caption-side:bottom;
		empty-cells: show;
		height:50px;
		overflow:scroll;
		overflow-x: visible;
	}
	
	


	
	.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;
		}
	
	}
	@media (min-width: 1200px) { 
	.flex1{
			display:flex;
	}
			.flex2{
		display:none;
	}
		.showOrNo{
		display:none;
	}

	}