*{
	box-sizing:border-box;
}
.container{
	display:block;
	width:100%
}
body{
	font-size:5px;
	margin:2px;
}

h1{
	font-family:arial;
	font-size:4em;
}	

h2{
	font-family:arial;
	font-size:4em;
}

p{
	font-family:arial;
	font-size:3.5em;
}

table,
th,
td{
	border:solid 1px black;
}	

table{
	width:95%;
	margin:3px;
	border-collapse:collapse;
	font-family:arial;
	font-size:3.5em;
}

img.pic1{
	width:100%;
	height:auto;
}

video.vid1{
	width:100%;
	max-width:560px;
	aspect-ratio:16/9;
	display:block;
	height:auto;
}

iframe.yt{
	width:100%;
	max-width:560px;
	aspect-ratio:16/9;
	height:auto;
}

@media(min-width:768px){
	
	.container{
		width:100%;
	}
	
	h1{
		font-size:10em;
	}
	
	h2{
		font-size:6em;
	}
	
	p{
		font-size:4.5em
	}
	
	table{
		font-size:4.5em
	}
	th,td{
		padding:10px;
	}

		
	.set1{
		display:flex;
		align-content:flex-start;
	}
	.pic1{
		order:2;
		width:45%;
	}
	
	.texset1{
		order:1;
		width:50%;
		min-width:0;
	}
	
	img.pic1{
	width:50%;
	margin:2px;
	height:auto;
	}
	
	video.vid1{
	width:90%;
	padding-top:20px;
	height:auto;
	}
}