div.TopLinksContainer {
	display:flex;
	flex-wrap:wrap;
	max-width:100vw;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	margin-left:auto;
	margin-right:auto;
	background-color:#000;
	text-decoration: none;
}

div.TopLinksSquish {
	display:flex;
	align-items:center;
	justify-content: center;
}


a.HeaderLink {
	flex-basis:25%;
	text-decoration: none; /* No underline */
	padding:.5vh 0vw;
}

div.EmptySubLink {
	flex-basis:25%;
	text-decoration: none; /* No underline */
}

div.HeaderLink {
	flex-basis:25%;
	padding:.5vh 0vw;
	text-align:center;
	font-size:1.75rem;
	color: #FFF;
    background-size: 201% 100%;
    background-image: linear-gradient(to right, black 50%, yellow 50%);
    transition: 300ms;
    cursor:pointer;
}

div.HeaderLink:hover {
	color:#000;
    background-position: 100% 0%;
    transition: 300ms;
}

div.SubSeparator {
	flex-basis:100%;
	height:1px;
	border-top: 1px;
	border-style: solid;
	border-image: linear-gradient(to right, #0000 0%, #FF0 10%, #FF0, 90%, #0000 100%) 1;
}


div.SublinkRules {
	flex-basis:100%;
}

a.HeaderSubLink {
	flex-basis:25%;
	padding:.5vh 0vw;
}

div.HeaderSubLink {
	text-align:center;
	font-size:1.75rem;
	color: #FFF;
    background-size: 201% 100%;
    background-image: linear-gradient(to right, black 50%, yellow 50%);
    transition: 300ms;
	padding:.5vh 0vw;
}

div.HeaderSubLink:hover {
	color:#000;
    background-position: 100% 0%;
    transition: 300ms;
}

div.FlexBreak {
	flex-basis:100%;
	height:0;
}

div.PageContentContainer {
	display:flex;
	justify-content:center;
	background:	linear-gradient(180deg,#00000000 0%, #00000080 10vh, #00000080 95%, #000000FF 100%);
	min-height:50vh;
}

div.PageContent {
	display:flex;
	flex-basis:100%;
	flex-direction: column;
	align-items:center;
}

div.PageArticleContainer {
	display:flex;
	flex-direction:column;
	padding-top:2vh;
	padding-bottom:4vh;
}

div.PageArticleHeader {
	align-self:flex-start;
	padding:.2vh 1vw;
  	text-align:left;
  	font-size:2rem;
	background-color:#000;
	border-radius:10px;
	border:3px solid #FF0;
	color:#FFF;
	margin-bottom:1vh;
	font-size:3rem;
}

div.PageArticle {
	min-height:20vh;
	background-color:#000;
	border-radius:10px;
	border:2px solid #FF0;
	padding:10px;
	color:#FFF;
	font-size:1.5rem;
}

div.PageArticleHeaderNotice {
	align-self:flex-start;
	padding:.2vh 1vw;
  	text-align:left;
  	font-size:2rem;
	background-color:#F00;
	border-radius:10px;
	border:3px solid #F00;
	color:#000;
	margin-bottom:1vh;
	font-size:3rem;
}

div.PageArticleNotice {
	background-color:#F00;
	border-radius:10px;
	border:2px solid #F00;
	padding:10px;
	color:#000;
	font-size:1.8rem;
	margin: 1vh 0;
	text-align:center;
}

div.PageArticleNoticeSmaller {
	width:80%;
	background-color:#F00;
	border-radius:10px;
	border:2px solid #F00;
	padding:10px;
	color:#000;
	font-size:1.8rem;
	margin: 1vh auto;
	text-align:center;
}

div.PageArticleLodgingContainer {
	display:flex;
	flex-direction: column;
	background-color:#000;
	border-radius:10px;
	border:2px solid #FF0;
	padding:10px;
	color:#FFF;
	font-size:1.5rem;
}

div.PageArticleLodgingImages {
	flex-direction:row;
	overflow: none;
	margin:5px;
}

/* Image background Boxes*/

/*Generic one.*/
div.PageArticleImageContainer {
	display:flex;
	flex-direction:column;
	background-size: cover;
	background-attachment:fixed;
	padding-top:2vh;
	width:100vw;
	min-height:80vh;
	align-items:center;
	justify-content: center;
	margin-bottom:2vh;
}

/* Trend images. */
div.PageArticleImageContainerTrendLeft {
	display:flex;
	flex-direction:column;
	background-size: cover;
	background-attachment:fixed;
	padding-top:2vh;
	width:100vw;
	min-height:80vh;
	align-items:center;
	justify-content: center;
	margin-bottom:2vh;
	background-position-x: 30%;
}

div.PageArticleImageContainerTrendRight {
	display:flex;
	flex-direction:column;
	background-size: cover;
	background-attachment:fixed;
	padding-top:2vh;
	width:100vw;
	min-height:80vh;
	align-items:center;
	justify-content: center;
	margin-bottom:2vh;
	background-position-x: 70%;
}

div.PageArticleImageContainerTrendBottom {
	display:flex;
	flex-direction:column;
	background-size: cover;
	background-attachment:fixed;
	padding-top:2vh;
	width:100vw;
	min-height:80vh;
	align-items:center;
	justify-content: center;
	margin-bottom:2vh;
	background-position-y: 90%;
}

div.PageArticleImageContainerTrendTop {
	display:flex;
	flex-direction:column;
	background-size: cover;
	background-attachment:fixed;
	padding-top:2vh;
	width:100vw;
	min-height:80vh;
	align-items:center;
	justify-content: center;
	margin-bottom:2vh;
	background-position-y: 10%;
}

/* Content inside. */
div.PageArticleImageContainerHelper {
	display:flex;
	flex-direction:column;
}

img.ContactIcon {
	max-width:4vw;
	max-height:4vw;
}

div.ScoreContainer {
	display:flex;
	flex-direction: row;
	flex-wrap:wrap;
	width:100%;
}

div.MatchContainer {
	display:flex;
	flex: 1 0 30%;
	flex-direction: column;
	border:2px solid #FFF;
	border-radius:1vh;
	max-width:32%;
	padding:3px;
	margin:3px;
	background-image:linear-gradient(180deg,#000 0%, #000 75%,#444 100%);
}

div.TeamScore {
	display: flex;
	flex-direction: row;
}

div.TeamScoreGray {
	display: flex;
	flex-direction: row;
}

div.TeamName {
	flex-grow:10;
	flex-basis:85%;
}

div.TeamRuns {
	flex-grow:2;
	flex-basis:15%;
	text-align:center;
	color: #FFF;
}

div.TeamDivider {
	height:0.3vh;
	background-image:linear-gradient(90deg,#000 0%, #FF0 20%, #FF0 80%, #000 100%);
}

div.Champions {
	font-weight:bold;
	font-size:5rem;
}



/* Large changes */
@media (min-width:993px){



} /* Large changes end. */

/* Medium changes */
@media (min-width:601px) and (max-width:992px){



} /* Medium changes end. */

/* Mobile changes */
@media (max-width:600px){



} /* Mobile changes end. */