@font-face {
    font-family: 'Tippa';
    src: url('Tippa.woff2') format('woff2'),
        url('Tippa.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}





html {

color: white;

line-height:1.2;

}
@media screen and (min-width:320px){
html { 
	
	font-size:calc(18px + 6 * ((100vw - 820px ) / 680));
	color: white;
}
}


@media screen and (min-width: 1000px){
html{
	font-size:calc(12px + 6 * ((100vw - 820px ) / 680));
	
	color: white;
}
}

@media screen and (min-width:1070px){
	html { 
		font-size:calc(12px + 6 * ((100vw - 820px ) / 680));
		color: white;
	}
	}

	body {
		
		display: flex;
		flex-direction: column;
	}

.container{

height:250px;
width: 960px;
border: 2px solid black;
background-color: black;
color: white;
visibility: hidden;
}
.column {
  float: left;
  width: 50%;
  padding: 5px;
}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

.altcontainer{
position:fixed;
padding-top: 10%;

text-align:center;
display: none;
	
visibility: hidden;}


.videoWrapper {
	position: relative;
	padding-bottom: 30.25%; /* 16:9 */
	padding-top: 25px;
	height: 640px;
	

}
.genericWrapper {
	position: relative;
	
	padding-top: 25px;

	
}

.textContainer {
	font-family: "Tippa";
	position: relative;
	width:75%;
	padding: 12px;
	text-align: left;
	
	
}
h1{
	text-align: center;
}
h2{
	text-align: center;
}
h3{
	text-align: center;
}

.footer {
	width: 100%;
	position:fixed;
	font-size:32px;
	font-family: "Tippa";
	background-color: black;
	
	
	
	bottom:0;
	padding: 10px;
	text-align:center;
	display: block;
	flex-shrink: 0;


}
.header {
	width: 100%;
	position:fixed;
	font-size:32px;
	font-family: "Tippa";
	background-color: black;
	
	z-index: 99999;
	
	top:0;
	padding: 10px;
	text-align:center;
	display: block;
	


}

.a {
	display: block; /* the default for span */
	
	
	padding: 0px;
	
  }