/* define standard colours etc.*/

@media only screen and (max-width: 768px) {

.main
{
	display: flex;
	flex-flow: column nowrap;
	
	width: 100%;
	height: auto;
/* 	overflow-y: scroll; */
}
	
	
/*.header
{
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-end;
	align-items: center;
	
	width: 100%;
	height: 3em;
	
	background-color: white;
}
	*/
	

.header_SeasonText
{

	padding-right: 30px;
}
.header_LogoTop
{
	display: flex;
	background-color: white;
	min-height: 2.5em;
	margin-bottom:0.5em;
	justify-content: center;
	align-items: center;
	order: 1;
}	

.header_LogoTop image
{
	width: 120px;
}
	
.header_MenuButton
{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ba1e1e;
	color: white;
	min-height: 2.5em;
	min-width: 2.5em;
	padding: 0em;
	margin: 0.5em;
	cursor: pointer;
}

.countdown_Container
{
	display: flex;
	order: 3;
}

.header
{
	order:2;
}
.header_TitleText
{
	font-size: 1em;
	
}
.container_Standings
{
	display: flex;
	font-size:1em;
}
.content_Container
{
	flex-flow: column nowrap;
/*  	overflow-y: scroll;  */
}
.content_right
{
	order: 1;
	flex-grow: 1;
	flex-flow: column;
	align-items: center;
	height: auto;
/* 	overflow-y: scroll;  */
}
.content_right_account
{
	order: 1;
	flex-grow: 1;
	flex-flow: column;
	align-items: center;
	justify-content: flex-start;
/* 	overflow-y: scroll; */
}
.content_left
{
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
	min-width: fit-content;
	flex-grow: 1;
	order: 2;
}

.activeGameContentDiv
{
	display: flex;
	flex-flow: column nowrap;
	
	
}

.activeGameDiv_Container
{
	height: auto;
	max-width: 80%;
	justify-content: center;
	align-items: center;
}
.activeGameElementDiv
{
	width: 80%;
	padding: 0em;
}
/* HIDE MENU BAR */
.menuBar
{
	display: none;
	flex-flow: column nowrap;
	height: auto;
	width: 100%;
	padding: 0em;
	/*order:4;*/
	opacity: 0;
	z-index:100;
	-webkit-animation:fadeEffect 0.3s;
  	animation: fadeEffect 0.3s;
  	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
}

.menuBar_Wrapper
{
	display: flex;
	order: 2;
	position: absolute;
    z-index: 100;
    top: 117;
    left: 103%;
    transform: translate(-105%,0);
    width: 95%;
	overflow: hidden;
	border: 3px solid black;
}

/* Fade in tabs */
@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}

}
@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}

}

.menuBar_LogoContainer
{	
	display:none;
}

.menuBar_Button
{
	width: 200px;
}


.popupDiv
{
	top: 50px;
}


.Trophy
{
	display: flex;
	width: 6em;
}

.Trophy img
{
	width: 100%;
}


.Year
{
	font-size: 2.5em;
}
.Name
{
	font-size: 2.5em;
}
.Score
{
	font-size: 2em;
	
}

.playerAccountSettings_Container
{
	display: flex;
	flex-flow: column nowrap;
	width: 70%;
	min-width: 300px;
}

.tabcontent {

  width: 90%;
}


.hidewhenBig
{
	display: block;
}

.footer
{
	display: flex;
	flex-flow: column nowrap;
	width: 100%;
	height: auto;
}

.footerElement
{
	display: flex;
	flex-flow: column nowrap;
	height: auto;
	margin: auto;
	align-items: center;
	margin: 2em;
	
}
.footerElement header
{
	display: flex;
	justify-content: center;
	color: red;
	margin-bottom: 1em;
}


.pitstop_embedded
{
	width: 95vw;
	min-height: 500px; 
	/*border: 10px solid orange;*/
}

/* Top Part: Image */
.card-image {
	
	height: 35%;
	
}
/*
.card.prev {

	display: none;
}

.card.next {

	display: none;
}*/

.arrow {
	display: none;
}

.HallOfFameElementDiv
{
	font-size:0.7em;
}
.Trophy{
	transform: scale(0.7);
}

.votingContainer
{
	flex-flow: column;
	align-items: center;
}

.dataCenterAdjust{

	width: 95%;
}

.dataCenterAdjust header
{
	font-size: 1.2em;
}

}