@charset "UTF-8";
/*
Copyright Unlimited World © www.unlimitedworld.dk
*/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	background-color: #f9f9f9; /* Light grey */
	font-family: 'Noto Sans JP', sans-serif;
}
#number {
	font-family: 'Staatliches', cursive;
}
#highlighted {
	text-transform: uppercase;
	font-family: 'Staatliches', cursive;
}
#mini-placeholder {
	width: 100%;
	height: 30px;
	display: none;	
}
#message_background {
	position: fixed;
	height: 100%;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.2);
	z-index: 99; 
    font-size: 60px; text-align: center; color: #999;
}
#message_center {
	margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);	
}
#message {
	width: 230px;
	background-color: #fff;
	border-radius: 10px;
	padding: 25px;
	font-size: 14px;
	color: #333;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
}
#message h1 {
	font-size: 20px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #e1203e;
}






#top-nav {
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 60px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 7px -3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 7px -3px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 7px -3px rgba(0,0,0,0.2);
	z-index: 9;
}
#top-nav #logo {
	position: absolute;
	top: 50%;
	left: 20px;
	height: 70px;
	width: 160px;
	transform: translateY(-50%);
	background-image: url('images/logo.png');
    background-repeat: no-repeat;
    background-size: contain;
}
#top-nav #menu {
	position: absolute;
	top: 0px;
	left: 20%; /* Length of menu bar */
	height: 100%;
		
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-direction: row; 
  	flex-direction: row;
  	justify-content: space-between;
  	border: none;
  	list-style-type: none;
	line-height: 80px;
  	margin: 0;
	text-transform: uppercase;
	font-family: 'Staatliches', cursive;
	font-size: 17px;
}
#top-nav #menu a {
	text-decoration: none;
	color: #343434;	
}
#top-nav #menu a:hover {
	color: #e1203e;	
}
#top-nav #manager-view {
	position: absolute;
	top: 0px;
	right: 0px;
	left: 78%;
	height: 60px;
	padding: 10px 10px 10px 0px;
	color: #fff;
	cursor: pointer;
}
#top-nav #manager-view a {
	text-decoration: none;
	color: #fff;
}
#top-nav #manager-view:before {
	content: '';
	width: 45px;
	height: 80px;
	position: absolute;
	top: 0px;
	left: -25px;
	transform: skewX(-20deg);
}
#top-nav #manager-view ul {
	margin: auto;
	width: 100%;
	height: 60px;
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-direction: row; 
  	flex-direction: row;
  	justify-content: space-between;
  	border: none;
  	list-style-type: none;
  	margin: 0;
	padding: 0px;
}
#top-nav #manager-view #manager {
	width: 60px;
	text-align: left;
	position: relative;
}
#top-nav #manager-view #manager #image {
	position: absolute;
	top: 50%;
	left: 0px;
	height: 45px;
	width: 45px;
	transform: translateY(-58%);	
}
#top-nav #manager-view #manager #image img {
	height: 45px;
	width: 45px;
	object-fit: cover;
	border-radius: 50%;
}
#top-nav #manager-view #info {
	width: 100%;
	padding-top: 5px;
	text-align: right;
	text-transform: uppercase;
	font-family: 'Staatliches', cursive;
	font-size: 13px;
	line-height: 14px;
	z-index: 5;
}
#top-nav #manager-view #info #info-numbers {
	width: 80%;	
}
#top-nav #manager-view #info #number {
	font-size: 20px;
	line-height: 15px;
}


#top-nav #mobile-menu {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
#top-nav #mobile-menu:before {
	content: '';
	width: 35px;
	height: 60px;
	position: absolute;
	top: 0px;
	left: -15px;
	transform: skewX(-20deg);
	z-index: 1;
}
	.dropbtn {
		font-family: 'Staatliches', cursive;
		background: rgba(0,0,0,0.0);
		font-weight: bold;
		border: none;
		cursor: pointer;
		height: 60px;
		width: 60px;
		position: absolute;
		right: -70px;
		top: -10px;
	}
	.dropdown {
		position: relative;
		display: inline-block;
	}
	
	.dropdown #dropImg {
		display: block;
		max-width: 50px;
	}
	.dropdown #dropImgSmall {
		display: none;
		max-width: 40px;
	}
	
	/* Dropdown Content (Hidden by Default) */
	.dropdown-content {
		display: none;
		position: absolute;
		top: 50px;
		right: -70px;
		background-color: #4a1010;
		min-width: 160px;
		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
		border-radius: 8px;
		color: #fff;
	font-family: 'Staatliches', cursive;
		text-transform: uppercase;
		font-size: 14px;
		z-index: 5;
	}
	
	/* Links inside the dropdown */
	.dropdown-content a {
		color: #fff;
		padding: 12px 16px;
		text-decoration: none;
		display: block;
	}
	
	/* Change color of dropdown links on hover */
	.dropdown-content a:hover {
		background-color: #631515;
	}
	
	/* Show the dropdown menu on hover */
	.dropdown:hover .dropdown-content {
		display: block;
	}


ul {
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-direction: row; 
  	flex-direction: row;
  	justify-content: space-between;
  	border: none;
  	list-style-type: none;
  	margin: 0;
	padding: 0px;	
}





/* --------- ------------ */
	#the-press-button {
		background-color: #d5d5d5;
		position: absolute;
		top: 0px;
		right: 23%;
		height: 80px;
		width: 60px;
		transform: skewX(-20deg);
		color: #868686;
		z-index: 4;
	}
	#the-press-button #live {
		display: none;
		position: absolute;
		top: 0px;
		right: 0px;
		left: 0px;
		background-color: #f03434;
		color: #fff;
		height: 25px;
		line-height: 25px;
		font-size: 9px;
		text-align: center;
	font-family: 'Staatliches', cursive;
		text-transform: uppercase;
	}
	#the-press-button #live #text {
		transform: skewX(20deg);
	   -webkit-animation: flickerAnimation 2s infinite;
	   -moz-animation: flickerAnimation 2s infinite;
	   -o-animation: flickerAnimation 2s infinite;
		animation: flickerAnimation 2s infinite;
	}
	#the-press-button #box {
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 100%;
		height: 30px; /* Samme som font-size i content herunder */
	}
	#the-press-button #content {
		transform: skewX(20deg);
		font-size: 30px;
		text-align: center;	
	}
	@keyframes flickerAnimation {
	  0%   { opacity:1; }
	  50%  { opacity:0; }
	  100% { opacity:1; }
	}
	@-o-keyframes flickerAnimation{
	  0%   { opacity:1; }
	  50%  { opacity:0; }
	  100% { opacity:1; }
	}
	@-moz-keyframes flickerAnimation{
	  0%   { opacity:1; }
	  50%  { opacity:0; }
	  100% { opacity:1; }
	}
	@-webkit-keyframes flickerAnimation{
	  0%   { opacity:1; }
	  50%  { opacity:0; }
	  100% { opacity:1; }
	}
	
	#the-news-button {
		background-color: #f7ca18;
		position: absolute;
		top: 0px;
		right: -moz-calc(23% + 60px);
		right: -webkit-calc(23% + 60px);
		right: -o-calc(23% + 60px);
		right: calc(23% + 60px);
		height: 80px;
		width: 60px;
		transform: skewX(-20deg);
		z-index: 4;		
	}
	#the-news-button #box {
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 100%;
		height: 27px; /* Samme som font-size i content herunder */
	}
	#the-news-button #content {
		transform: skewX(20deg);
		font-size: 27px;
		color: #000;
		text-align: center;	
	}
	
	#the-grass-button {
		background-color: #03a678;
		position: absolute;
		z-index: 4;	
		top: 0px;
		right: -moz-calc(23% + 120px);
		right: -webkit-calc(23% + 120px);
		right: -o-calc(23% + 120px);
		right: calc(23% + 120px);
		height: 80px;
		width: 60px;
		transform: skewX(-20deg);	
	}
	#the-grass-button #box {
		position: absolute;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 100%;
		height: 25px; /* Samme som font-size i content herunder */
	}
	#the-grass-button #content {
		transform: skewX(20deg);
		font-size: 25px;
		color: #fff;
		text-align: center;	
	}







/* ------------- -------------- */
#top-placeholder {
	width: 100%;
	height: 130px; /* Same height as top-nav + padding */
}
#top-team-placeholder {
	width: 100%;
	height: 80px; /* Same height as top-nav + padding */
}
a {
	text-decoration: none;	
}
#container {
	font-family: 'Staatliches', cursive;
	font-size: 18px;
	width: 80%;
	margin: auto;
	padding: 0px;
	padding-top: 20px;
	color: #7a7a7a;
}
input[type=text], input[type=password], input[type=email] {
	width: 500px;
  	padding: 16px 24px;
	background-color: #e4e4e4;
	color: #222;
	border: none;
	border-radius: 8px;
	font-size: 15px;
	font-family: 'Noto Sans JP', sans-serif;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
input[type=submit] {
	width: 500px;
  	padding: 16px 24px;
	color: #fff;
	border: none;
	border-radius: 30px;
	font-size: 13px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	cursor: pointer;
	-webkit-appearance: none;
}
input[type=submit]:disabled,
button:disabled {
	background-color: #cacaca;
	cursor: default;
	-webkit-appearance: none;
}
input[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0 !important;
  background: #e4e4e4;
  background-image: none;
}
select {
  	width: 500px;
  	height: 45px;
  	margin: 0;
  	padding: 0 0 0 .5em;
  	color: #777;
  	cursor: pointer;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
  	font-size: 19px;
}





/* ------------ ------------ */
#error {
	background-color: #f4d9d9;
	padding: 10px;
	border-radius: 10px;
	color: #ec6d6d;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
}
#information {
	background-color: #d9e8f4;
	padding: 10px;
	border-radius: 10px;
	color: #347cbf;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
}
#warning {
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #e1203e;	
}
#success {
	width: 500px;
	background-color: #daf4d9;
	padding: 10px;
	border-radius: 10px;
	color: #419245;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	font-size: 14px;
	text-align: center;
}








/* ------------ ------------- */
#team {
	height: 850px;
	width: 100%;	
}
#site {
	width: 100%;
	color: #fff;
}
#site #container {
	width: 80%;
	min-height: 800px;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-family: 'Noto Sans JP', sans-serif;
}
#site #container #headline {
	color: #fff;
}
#button-rounded {
	padding: 10px 25px 10px 25px;
	background-color: #3fc380;
	color: #fff;	
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 40px;
	font-size: 13px;
}
#headline {
	font-size: 24px;
	font-family: 'Staatliches', cursive;
	width: 80%;
	margin: auto;
	text-align: center;
	text-transform: uppercase;	
}
h1 {
	font-size: 40px;
}
h2 {
	font-size: 32px;
}
h3 {
	font-size: 24px;
}
#align-left {
	text-align: left;
}
#align-right {
	text-align: right;
}
#align-center {
	text-align: center;
}
#pitch {
	height: 850px;
	width: 50%;
	background-color: #26a65b;
}
#team-info {
	height: 850px;
	width: 50%;
}
#team-info h1 {
	font-family: 'Staatliches', cursive;
	line-height: 30px;
	font-size: 35px;
	text-align: center;
	text-transform: uppercase;
}
#team-info #little-placeholder {
	width: 100%;
	height: 25px;	
}
#team-info #container {
	width: 85%;
	margin: auto;
	padding-top: 45px;
	font-family: 'Noto Sans JP', sans-serif;
}
#team-info #container #section-headline {
	font-size: 18px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
}
#team-info #container #section-text {
	font-family: 'Staatliches', cursive;
	font-size: 55px;
	line-height: 40px;
	text-transform: uppercase;
}
#team-info #container #section-text img {
		max-height: 30px;
}
#team-info #container #section-text #icons {
		max-height: 70px;
}
#team-ul {
	-ms-box-orient: horizontal;
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -moz-flex;
  	display: -webkit-flex;
  	display: flex;
  	-webkit-flex-direction: row; 
  	flex-direction: row;
  	justify-content: space-between;
  	border: none;
  	list-style-type: none;
  	margin: 0;
	padding: 0px;
	height: 100%;	
}
#deal-resume {
	max-width: 500px;
	text-align: justify;
	margin: auto;
	font-size: 14px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
}
#deal-resume li {
	height: 30px;
	line-height: 30px;
}
#deal-resume #number {
	font-size: 24px;
}
#deal-resume #number img {
	max-height: 15px;
}
#button-rounded-accept {
	padding: 15px;
	background-color: #3fc380;
	color: #fff;	
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 30px;
	text-align: center;
}
#button-rounded-decline {
	padding: 15px;
	background-color: #d91e18;
	color: #fff;	
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	cursor: pointer;
	border-radius: 30px;
	text-align: center;
}
#after-purchase {
	width: 80%;
	margin: auto;
	background-color: #f5eeda;
	color: #2e313d;	
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	font-size: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-box-shadow: 0px 10px 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 10px 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0px 10px 10px 5px rgba(0,0,0,0.2);	
}
#after-purchase #paper {
	width: 80%;
	margin: auto;
	color: #2e313d;	
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
}
#after-purchase #paper #headline {
	color: #2e313d;
}
#after-purchase #paper #signature {
	font-family: 'Beth Ellen', cursive;
	text-transform: capitalize;
	font-size: 35px;
}


/* ---------- BENCH ------------ */
#bench-spot {
	position: relative;
	width: 28%;
	text-align: center;
}
#no-bench-player {
	max-height: 120px;
}
#bench-spot #spacer {
	width: 100%;
	height: 110px;	
}
#bench-player {
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-60%);
	max-height: 170px;
}
#player_name {
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #fff;
	font-size: 13px;
	padding-bottom: 10px;
}


/* ---------- PLAYERS IN PURCHASE ---------- */
#thisPlayerHere {
	position: relative;	
}
#playerBox {
	position:absolute;
	top: 54px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;	
}
#playerBox img {	
	max-height: 185px;
}
#playerFace {
	position:absolute;
	top: 0px;
	left: 50%;
	transform: translateX(-50%);
	margin-left: -10px;
	z-index: 2;	
}
#playerFace img {
	max-height: 105px;	
}
#playerToNameSpace {
	width: 100%;
	height: 235px;	
}
#playerName {
	font-size: 14px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
}
#playerName #number {
	font-size: 18px;
	color: #fff;
}
#playerName img {
	max-height: 14px;
}
#playerEarning {
	position: absolute;
	right: 5px;
	bottom: 35px;
	background: rgba(0, 0, 0, 0.5);
	padding: 1px 8px 1px 8px;
	border-radius: 25px;
	font-size: 12px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #fff;
}
#playerSubEarning {
	position: absolute;
	right: 30px;
	bottom: 110px;
	background: rgba(0, 0, 0, 0.5);
	padding: 1px 12px 1px 12px;
	border-radius: 35px;
	font-size: 14px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #fff;
}


#opponent {
	font-size: 13px;
	line-height: 0px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	color: #fff;
	text-align: center;
	margin: auto;
}
/* ----------- PLAYERS ON PITCH ------------- */








/* ---------- --------- */

#spacer-to-footer {
	display: none;
}
#footer {
	height: 400px;
	width: 100%;
	color: #fff;	
}
#footer #container {
	margin: auto;
	width: 80%;
	font-size: 14px;
	font-family: 'Staatliches', cursive;
	text-transform: uppercase;
	padding-top: 50px;
}
#footer #container a {
	color: #fff;
	text-decoration: none;
}
.footer-content {
	padding-top: 80px;
}
.footer-content img {
	max-width: 200px;
}





@media only screen and (max-width: 1450px) {
	#top-nav #manager-view #info #info-numbers {
		width: 96%;	
	}
	#top-nav #manager-view #info #lastname {
		display: none;
	}
	#top-nav #manager-view #manager #image {
		height: 50px;
		width: 50px;
		transform: translateY(-75%);	
	}
	#top-nav #manager-view #manager #image img {
		height: 50px;
		width: 50px;
	}
	#after-purchase {
		width: 90%;
	}
	#after-purchase #paper #signature {
		font-size: 30px;
	}
	
	
	#playerSubEarning {
		right: 10px;
		bottom: 110px;
	}
}
@media only screen and (max-width: 1340px) {
	#pitch {
		height: 750px;
	}
	#team-info {
		height: 750px;
	}	
	#team {
		height: 750px;
		background-color: #fff;
	}
	
	
	#bench-spot #button-rounded {
		font-size: 12px;
	}
	#bench-spot #spacer {
		height: 80px;	
	}
	#bench-player {
		top: -30px;
		left: 50%;
		transform: translateX(-60%);
		max-height: 130px;
	}
}
@media only screen and (max-width: 1250px) {
	#top-nav #manager-view {
		left: 85%;
	}
	#top-nav #manager-view #info #info-numbers {
		width: 100%;	
	}
	#top-nav #manager-view #info {
		width: 100%;
	}
	#top-nav #manager-view #manager {
		display: none;
	}
	#top-nav #manager-view #info #number {
		font-size: 16px;
		line-height: 13px;
	}
	#top-nav #manager-view #info #secondTextColor {
		font-size: 12px;
	}
	
	#the-press-button {
		right: 17%;
	}
	#the-news-button {
		right: -moz-calc(17% + 60px);
		right: -webkit-calc(17% + 60px);
		right: -o-calc(17% + 60px);
		right: calc(17% + 60px);	
	}	
	#the-grass-button {
		right: -moz-calc(17% + 120px);
		right: -webkit-calc(17% + 120px);
		right: -o-calc(17% + 120px);
		right: calc(17% + 120px);	
	}
	
	
	
	
	
	#team-info h1 {
		line-height: 25px;
		font-size: 28px;
	}
	#team-info #container #section-text {
		font-size: 35px;
		line-height: 25px;
	}
	#team-info #container #section-text img {
		max-height: 20px;
	}
	#team-info #container #section-headline {
		font-size: 16px;
	}
	#after-purchase {
		width: 95%;
	}
	#after-purchase #paper #signature {
		font-size: 26px;
	}
	
	
	#playerSubEarning {
		right: -5px;
		bottom: 120px;
	}
	
}
@media only screen and (max-width: 1000px) {
	#top-nav #logo {
		left: 15px;
		height: 40px;
		width: 90px;
	}
	#top-nav #menu {
		font-size: 13px;
		left: 17%;
	}
	#top-nav #manager-view {
		left: 80%;
	}
	#top-nav #manager-view #info #number {
		font-size: 16px;
		line-height: 13px;
	}
	#top-nav #manager-view #info #secondTextColor {
		font-size: 11px;
	}
	
	
	
	#the-press-button {
		right: 22%;
		width: 45px;
	}
	#the-press-button #live {
		height: 20px;
		line-height: 20px;
		font-size: 8px;
	}
	#the-press-button #box {
		height: 25px; /* Samme som font-size i content herunder */
	}
	#the-press-button #content {
		font-size: 25px;
	}
	#the-news-button {
		right: -moz-calc(22% + 45px);
		right: -webkit-calc(22% + 45px);
		right: -o-calc(22% + 45px);
		right: calc(22% + 45px);
		width: 45px;	
	}
	#the-news-button #box {
		height: 22px; /* Samme som font-size i content herunder */
	}
	#the-news-button #content {
		font-size: 22px;
	}
	#the-grass-button {
		right: -moz-calc(22% + 90px);
		right: -webkit-calc(22% + 90px);
		right: -o-calc(22% + 90px);
		right: calc(22% + 90px);
		width: 45px;	
	}
	#the-grass-button #box {
		height: 20px; /* Samme som font-size i content herunder */
	}
	#the-grass-button #content {
		font-size: 20px;
	}
	
	
	
	
	
	
	#container {
		width: 90%;
	}
	
	
	
	#site #container {
		width: 90%;
		font-size: 15px;
	}
	
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 25px;
	}
	h3 {
		font-size: 20px;
	}
	
	#pitch {
		height: 800px;
		width: 100%;
	}
	#team-info {
		height: 800px;
		width: 100%;	
	}
	#spacer-to-footer {
		display: block;
		width: 100%;
		height: 750px;
	}
	#team-ul {
		-ms-box-orient: vertical;
		display: -webkit-block;
		display: -moz-block;
		display: -ms-block;
		display: -moz-block;
		display: -webkit-block;
		display: block;
		-webkit-flex-direction: column; 
		flex-direction: column;
		justify-content: space-between;
		height: 1600px;
	}
	
	#team-info #container #section-text {
		font-size: 45px;
		line-height: 35px;
	}
	#team-info #container #section-text img {
		max-height: 25px;
	}
	#team-info #container #section-headline {
		font-size: 17px;
	}
	
	
	
	
	#no-bench-player {
		max-height: 90px;
	}
	#bench-player {
		transform: translateX(-60%);
		max-height: 130px;
	}
	#bench-spot #spacer {
		height: 75px;	
	}
	#bench-spot #button-rounded {
		font-size: 11px;
		padding: 8px 10px 8px 10px;
	}
	#playerSubEarning {
		right: 10px;
		bottom: 100px;
	}
	
	
}

@media only screen and (max-width: 750px) {
	#mini-placeholder {
		display: block;	
	}
	
	#top-nav {
		height: 40px;
	}
	#top-nav #logo {
		left: 15px;
		height: 30px;
		width: 70px;
	}
	#top-nav #menu {
		display: none;
	}
	#top-nav #manager-view {
		display: none;
	}
	#top-nav #mobile-menu {
		display: block;
	}
	
	
	
	#the-press-button {
		right: 90px;
		height: 60px;
		width: 40px;
	}
	#the-press-button #live {
		height: 20px;
		line-height: 20px;
		font-size: 7px;
	}
	#the-press-button #box {
		height: 25px; /* Samme som font-size i content herunder */
	}
	#the-press-button #content {
		font-size: 25px;
		line-height: 60px;
	}
	
	#the-news-button {
		right: 130px;
		height: 60px;
		width: 40px;
	}
	#the-news-button #box {
		width: 100%;
		height: 22px; /* Samme som font-size i content herunder */
	}
	#the-news-button #content {
		font-size: 22px;
		line-height: 60px;
	}
	
	#the-grass-button {
		right: 170px;
		height: 60px;
		width: 40px;	
	}
	#the-grass-button #box {
		height: 20px; /* Samme som font-size i content herunder */
	}
	#the-grass-button #content {
		font-size: 20px;
		line-height: 60px;
	}
	
	
	
	
	
	#top-placeholder {
		height: 60px; /* Same height as top-nav + padding */	
	}
	#top-team-placeholder {
		height: 60px; /* Same height as top-nav + padding */
	}
	input[type=text] {
		width: 100%;
	}
	input[type=submit] {
		width: 100%;
	}
	select {
		width: 100%;
		height: 35px;
		font-size: 15px;
	}
	#success {
		width: 100%;
	}
	
	h1 {
		font-size: 23px;
	}
	h2 {
		font-size: 19px;
	}
	h3 {
		font-size: 17px;
	}
	
	
	#team-info #container {
		width: 90%;
	}
	#team-info h1 {
		line-height: 20px;
		font-size: 23px;
	}
	#team-info #container #section-text {
		font-size: 35px;
		line-height: 30px;
	}
	#team-info #container #section-text img {
		max-height: 25px;
	}
	#team-info #container #section-headline {
		font-size: 12px;
	}
	#team-info #container #section-text #icons {
			max-height: 40px;
	}
	
	
	#after-purchase {
		font-size: 12px;
	}
	#after-purchase #paper {
		width: 90%;
	}
	#after-purchase #paper #signature {
		font-size: 17px;
	}
	
	#team-info {
		height: 650px;
	}	
	#team {
		height: 700px;
		background-color: #fff;
	}
	
	
	#opponent {
		font-size: 12px;
		line-height: 18px;
	}
	
	
	#bench-player {
		transform: translateX(-60%);
		max-height: 90px;
	}
	#bench-spot #spacer {
		height: 55px;	
	}
	
	#playerSubEarning {
		right: 0px;
		font-size: 12px;
	}
	
	
	
	
	#footer #container {
		width: 90%;
	}
	.footer-content {
		font-size: 11px;
	}
	.footer-content img {
		max-width: 100px;
	}
	
}

@media only screen and (max-width: 670px) {	
	#pitch {
		height: 700px;
	}
	#spacer-to-footer {
		height: 650px;
	}
	
	#bench-spot #spacer {
		height: 45px;	
	}
	#player_name {
		font-size: 11px;	
	}
}
@media only screen and (max-width: 550px) {
	#pitch {
		height: 650px;
	}
	#spacer-to-footer {
		height: 600px;
	}
}