@font-face { font-family: FrontageCondensedOutline; src: url('../fonts/FrontageCondensed/JuriZaech-FrontageCondensedOutline.woff'); } 
@font-face { font-family: FrontageCondensedBold; src: url('../fonts/FrontageCondensed/JuriZaech-FrontageCondensedBold.otf'); } 
@font-face { font-family: ProximaNovaBold; font-weight: bold; src: url('../fonts/Proxima/ProximaNovaBold.otf'); } 

@media screen and (min-width: 320px) {
    .xbody {
        background-color: skyblue;
        width: 100vw;
        border: groove black;
    }

.scale {
	transform: scale(0.5625);
	transform-origin: top center;
	}
.bigHeader {
	font-family:FrontageCondensedOutline;
	font-size: 80pt;
	color:white
}
.bigHeaderBold {
	font-family:FrontageCondensedBold;
	font-size: 80pt;
	color:white
}
.bigTitle {
	font-family:FrontageCondensedBold;
	font-size: 50pt;
	color:white
}
.biggerTitle {
	font-family:FrontageCondensedBold;
	font-size: 70pt;
	color:white
}
.proximabold {
	
	font-family: ProximaNovaBold;
	color: white;
}
.frontagecondensedbold {
	
	font-family: FrontageCondensedBold;
	color: white;
}
.blackText {
	color: black;
}
.yvadBackWhite {
	background-color: white;
}
.yvadForeWhite {
	color: white;
}
.yvadBackGold {
	background-color: #E3AA2A;
}
.yvadForeGold {
	color: #E3AA2A;
}
.yvadBackBlue {
	background-color: #172B4D;
}
.yvadForeBlue {
	color: #172B4D;
}

.thickBorder {
	border:3px white solid;
	padding: 3px;
}
a {
	color: white;
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
.tableDiv {
	width: 200px;
	margin: 20px auto 0px auto;
}
.blueBorder {
	text-align:center;
	border:4px solid #172B4D;
	padding:15px 0	
}
.goldBorder {
	text-align:center;
	border:4px solid #E3AA2A;
	padding:15px 0	
}