@charset "UTF-8";

#thumb-ew {
	object-position: 50% 10%;
}

#pane-ew h1 {
	transform: translate(0px, 26px);
}

#logo-ew {
	max-width: 300px;
	max-height: 120px;
	width: 90%;
	height: auto;
}

#thumb-cp {
	object-position: 50% 40%;
}

#pane-cp h1 {
	transform: translate(0px, 26px);
}

#logo-cp {
	max-width: 395px;
	max-height: 100px;
	width: 90%;
	height: auto;
}

#thumb-nw {
	object-position: 50% 25%;
}

#pane-nw h1 {
	transform: translate(0px, 12px);
}

#logo-nw {
	max-width: 400px;
	max-height: 120px;
	width: 90%;
	height: auto;
}


#thumb-gwent {
	object-position: 50% 0%;
}

#pane-gwent h1 {
	transform: translate(0px, 16px);
}

#logo-gwent {
	max-width: 200px;
	max-height: 120px;
	width: 90%;
	height: auto;
}

#thumb-tb {
	object-position: 50% 0%;
}

#pane-tb h1 {
	transform: translate(0px, 0px);
}

#logo-tb {
	max-width: 380px;
	max-height: 162px;
	width: 90%;
	height: auto;
	object-position: 50% 100%;
}


#thumb-red {
	object-position: 50% 40%;
}

#thumb-morth {
	object-position: 50% 10%;
}

#thumb-wp {
	object-position: 50% 70%;
}

#thumb-fgtris {
	object-position: 50% 60%;
}

#details-ew {
	margin: -62px 0px 0px 0px;
}
	
#pane-cp .details {
	margin: -76px 0px 0px 0px;
}
	
#pane-tb .details {
	margin: 4px 0px 0px 0px;
}

#title-wp {
	font-size: min(6.8vw, 45px);
}

#title-red {
	font-size: min(9vw, 45px);
}

#title-fgtris {
	
	font-size: min(9vw, 45px);
}

@media screen and (max-width: 800px) {
	#pane-ew .logo {
		padding: 0px 0px 30px 0px
	}
	
	#pane-ew h1 {
		margin: 0px 20px 10px 20px;
	}
	
	#details-ew {
		margin: -38px 0px 0px 0px;
	}
	
	#pane-cp h1 {
		margin: 0px 20px 0px 20px;
	}
	
	#pane-cp .details {
		margin: -30px 0px 0px 0px;
	}
	
	#pane-nw .details {
		margin: -20px 0px 0px 0px;
	}
	
	#pane-gwent h1 {
		margin: 0px 20px 0px 20px;
		transform: translate(0px, 20px);
	}
	
	#pane-tb h1 {
		margin: 0px 20px 10px 20px;
		transform: translate(0px, 20px);
	}
	
	#pane-tb .logo {
		padding-bottom: 12px;
	}
	
	#pane-tb .details {
		margin: -8px 0px 0px 0px;
	}
}