html, body {
	height: 100%;
	margin: 0;
	font-family: 'Oxygen', sans-serif;
	font-size: 20px;
	color: white;
    scroll-behavior: smooth;
}
a {
	text-decoration:none;
	color: inherit;
}
a:visited {
	text-decoration:none;
	color: inherit;
}
a:active {
	text-decoration:none;
	color: inherit;
}
a:hover {
	text-decoration:none;
	color: inherit;
}

#top {
	width: 100%;
	top: 0;
	height: 55px;
	background-color: #1D1D1A;
	position: fixed;
	text-align: center;
	font-size: 40px;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: #51514B;
	z-index: 1;
}
#topbackindex {
    top: 0;
    width: 100%;
	height: 55px;
	text-align: center;
}
#topback {
    top: 0;
    width: 100%;
	height: 85px;
	text-align: center;
}

#frontpage1, #frontpage2, #frontpage3 {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	align-items: center;
	background-attachment: fixed;
}
#frontpage1 {
	background-image: url("a.jpg");
}
#frontpage2 {
	background-image: url("b.jpg");
}
#frontpage3 {
	background-image: url("c.jpg");
}

#frontup {
	display: block;
	height: 100vh;
	width: 100%;

}

#header {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.7);
	font-size: 40px;
	max-width: 400px;
	text-align: center;
	color: #1D1D1A;
	height: 50%;
	padding-left: 20px;
	padding-right: 20px;
}

#aboutlayer {
	background-color: #1D1D1A;
	opacity: 0.95;
	width: 100%;
	border-bottom-style: solid;
	border-width: thin;
	border-color: white;
	display: block;

}
#about {
	max-width: 880px;
	margin: 0 auto;
	height: 100%;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	background-color: #1D1D1A;
	scroll-margin-top: 56px;
	display: block;
}

#map {
	scroll-margin-top: 56px;
	height: 100vh;
}

#countrieslayer {
	background-color: #1D1D1A;
	width: 100%;
	border-top-style: solid;
	border-width: thin;
	border-color: white;
}
#countries {
	padding-top: 40px;
	padding-bottom: 40px;
	max-width: 880px;
	margin: 0 auto;
	scroll-margin-top: 56px;
}

#countrylayer {
	width: 100%;
}
#country {
	max-width: 880px;
	margin: 0 auto;
	padding: 10px;
}

#club {
	max-width: 880px;
	margin: 0 auto;
}


.landcontainer {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
    display:block;
	min-height: 100vh;
}
#belgiecontainer {
	background-image: url("images/countries/belgie.jpg");
	background-position: center center;
}
#duitslandcontainer {
	background-image: url("images/countries/duitsland.jpg");
	background-position: 85% center;
}
#engelandcontainer {
	background-image: url("images/countries/engeland.jpg");
	background-position: 40% top;
}
#frankrijkcontainer {
	background-image: url("images/countries/frankrijk.jpg");
	background-position: center center;
}
#italiecontainer {
	background-image: url("images/countries/italie.jpg");
	background-position: 65% 30%;
}
#luxemburgcontainer {
	background-image: url("images/countries/luxemburg.jpg");
	background-position: bottom 30%;
}
#portugalcontainer {
	background-image: url("images/countries/portugal.jpg");
	background-position: 45% 25%;
}
#spanjecontainer {
	background-image: url("images/countries/spanje.jpg");
	background-position: 32% 55%;
}
#nederlandcontainer {
	background-image: url("images/countries/nederland.jpg");
	background-position: 28% 20%;
}

.land {
	padding: 20px;
	background-repeat: no-repeat;
    display:block;
	height: 200px;
	background-position: center center;
}
#belgie {
	background-image: url("images/bonden/small/belgie.png");
}
#duitsland {
	background-image: url("images/bonden/small/duitsland.png");
}
#engeland {
	background-image: url("images/bonden/small/engeland.png");
}
#frankrijk {
	background-image: url("images/bonden/small/frankrijk.png");
}
#italie {
	background-image: url("images/bonden/small/italie.png");
}
#luxemburg {
	background-image: url("images/bonden/small/luxemburg.png");
}
#portugal {
	background-image: url("images/bonden/small/portugal.png");
}
#spanje {
	background-image: url("images/bonden/small/spanje.png");
}
#nederland {
	background-image: url("images/bonden/small/nederland.png");
}

/* Create two equal columns that floats next to each other */
.columnlarge {
  float: left;
  width: 50%;
 }
.columnsmall {
  float: left;
  width: 25%;
 }
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* CSS Flags*/
.cssflag {
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: white;
	width: 100%;
	height: 30px;
	float: left;
	scroll-margin-top: 56px;
}
.cssflagcolumnside {
	width: 33.3%;
	height: 30px;
	float: left
}
.cssflagcolumnmid {
	width: 33.4%;
	height: 30px;
	float: left
}
.cssflagrow {
	height: 10px;
	width: 100%;
}
#belgiumcssblack {
	background-color: #1D1D1B;
}
#belgiumcssyellow {
	background-color: #FFD500;
}
#belgiumcssred {
	background-color: #E30613;
}
#germanycssblack {
	background-color: #000000;
}
#germanycssred {
	background-color: #D72027;
}
#germanycssyellow {
	background-color: #FFCB0B;
}
#englandcss {
	display: flex;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: white;
}
#englandcssleft {
	height: 30px;
	width: 100%;
	float: left;
}
#englandcssright {
	height: 30px;
	width: 100%;
	float: left;
}
.englandcsswhite {
	height: 10px;
	width: 100%;
	background-color: white;
}
.englandcssred {
	height: 10px;
	width: 100%;
	background-color: #E2001A;
}
.englandcssup {
	background-color: #E2001A;
	width: 20px;
	height: 30px;
	float: left;
}
#francecssblue {
	background-color: #171A47;
}
#francecsswhite {
	background-color: white;
}
#francecssred {
	background-color: #D30B23;
}
#italygreen {
	background-color: #009F4D;
}
#italywhite {
	background-color: white;
}
#italyred {
	background-color: #E4002B;
}
#luxembourgcssred {
	background-color: #EF3340;
}
#luxembourgcsswhite {
	background-color: white;
}
#luxembourgcssblue {
	background-color: #00A3E0;
}
#portugalgreen {
	width: 40%;
	height: 30px;
	background-color: #006600;
	float: left;
}
#portugalred {
	width: 60%;
	height: 30px;
	background-color: #FF0000;
	float: left;
}
#spaincssred {
	background-color: #B6000C;
}
#spaincssyellow {
	background-color: #FCB407;
}
#netherlandscssred {
	background-color: #AE1C28;
}
#netherlandscsswhite {
	background-color: white;
}
#netherlandscssblue {
	background-color: #21468B;
}

.cssclubflag {
	position: fixed;
    top: 55px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-width: 1px;
	border-color: white;
	width: 100%;
	height: 15px;
	float: left;
	z-index: 1;
}
.cssclubflagrow {
	height: 5px;
	width: 100%;

}

#kvmechelencssred {
	background-color: #E32219;
}
#kvmechelencssyellow {
	background-color: #FFE500;
}
#sportinglokerencssyellow {
	background-color: #FCDE0D;
}
#sportinglokerencsswhite {
	background-color: white;
}
#sportinglokerencssblack {
	background-color: black;
}
#stpaulicssbrown {
	background-color: #624839;
}
#stpaulicsswhite {
	background-color: white;
}
#stpaulicssred {
	background-color: #E30613;
}
#borussiadortmundcssyellow {
	background-color: #FFE600;
}
#borussiadortmundcssblack {
	background-color: black;
}
#vfbstuttgartcsswhite {
	background-color: white;
}
#vfbstuttgartcssred {
	background-color: #D30029;
}
#fcannecycssred {
	background-color: #D20D1D;
}
#fcannecycsswhite {
	background-color: white;
}
#ajauxerrecssblue {
	background-color: #0E4194;
}
#ajauxerrecsswhite {
	background-color: white;
}
#parissaintgermaincssred {
	background-color: #E30613;
}
#parissaintgermaincssblue {
	background-color: #004170;
}
#usorleanscssyellow {
	background-color: #F2EF1D;
}
#usorleanscssred {
	background-color: #ED1C24;
}
#newcastleunitedcssblack {
	background-color: black;
}
#newcastleunitedcsswhite {
	background-color: white;
}
#manchesterunitedcssred {
	background-color: #C70101;
}
#manchesterunitedcsswhite {
	background-color: white;
}
#manchesterunitedcssblack {
	background-color: black;
}
#manchestercitycssdarkblue {
	background-color: #00285E;
}
#manchestercitycssblue {
	background-color: #98C5E9;
}
#manchestercitycsswhite {
	background-color: white;
}
#boltonwandererscsswhite {
	background-color: white;
}
#boltonwandererscssblue {
	background-color: #263C7E;
}
#boltonwandererscssred {
	background-color: #DF0024;
}
#hellasveronafccssyellow {
	background-color: #FFED00;
}
#hellasveronafccssblue {
	background-color: #172983;
}
#chievoveronacssyellow {
	background-color: #FFD500;
}
#chievoveronacssblue {
	background-color: #172983;
}
#acmilancssred {
	background-color: #E21C2A;
}
#acmilancssblack {
	background-color: black;
}
#internazionalecssblue {
	background-color: #265D94;
}
#internazionalecssblack {
	background-color: black;
}
#luxemburgcssred {
	background-color: #EF3340;
}
#luxemburgcsswhite {
	background-color: white;
}
#luxemburgcssblue {
	background-color: #00A3E0;
}
#barcelonacssred {
	background-color: #A50044;
}
#barcelonacssblue {
	background-color: #004D98;
}
#valenciacsswhite {
	background-color: white;
}
#valenciacssblack {
	background-color: black;
}
#villarrealcssyellow {
	background-color: #FFE715;
}
#villarrealcssblue {
	background-color: #005187;
}
#nasticcssred {
	background-color: #D41E29;
}
#nasticcsswhite {
	background-color: white;
}
#benficacssred {
	background-color: #E83030;
}
#benficacsswhite {
	background-color: white;
}
#sportingcssgreen {
	background-color: #008057;
}
#sportingcsswhite {
	background-color: white;
}
#portocssblue {
	background-color: #00428C;
}
#portocsswhite {
	background-color: white;
}
#boavistacssblack {
	background-color: black;
}
#boavistacsswhite {
	background-color: white;
}
	

.land1, .land2 {
	padding: 20px;
	background-repeat: no-repeat;
    display:block;
	height: 400px;
}
.land1 {
	background-position: center center;
}
.land2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

#belgie1 {
	background-image: url("images/bonden/belgie.png");
}
#duitsland1 {
	background-image: url("images/bonden/duitsland.png");
}
#engeland1 {
	background-image: url("images/bonden/engeland.png");
}
#frankrijk1 {
	background-image: url("images/bonden/frankrijk.png");
}
#italie1 {
	background-image: url("images/bonden/italie.png");
}
#luxemburg1 {
	background-image: url("images/bonden/luxemburg.png");
}
#portugal1 {
	background-image: url("images/bonden/portugal.png");
}
#spanje1 {
	background-image: url("images/bonden/spanje.png");
}
#nederland1 {
	background-image: url("images/bonden/nederland.png");
}

.club1, .club2 {
	padding: 20px;
	background-repeat: no-repeat;
    display:block;
	height: 500px;
}
.club1 {
	background-position: center center;
}
.club2 {
	display: flex;
	justify-content: center;
	align-items: center;
}
#kvmechelen1 {
	background-image: url("images/clubs/midres/kvmechelen.png");
}
#sportinglokeren1 {
	background-image: url("images/clubs/midres/sportinglokeren.png");
}
#stpauli1 {
	background-image: url("images/clubs/midres/stpauli.png");
}
#borussiadortmund1 {
	background-image: url("images/clubs/midres/borussiadortmund.png");
}
#vfbstuttgart1 {
	background-image: url("images/clubs/midres/vfbstuttgart.png");
}
#fcannecy1 {
	background-image: url("images/clubs/midres/annecy.png");
}
#ajauxerre1 {
	background-image: url("images/clubs/midres/auxerre.png");
}
#parissaintgermain1 {
	background-image: url("images/clubs/midres/parissaintgermain.png");
}
#usorleans1 {
	background-image: url("images/clubs/midres/orleans.png");
}
#newcastleunited1 {
	background-image: url("images/clubs/midres/newcastleunited.png");
}
#manchesterunited1 {
	background-image: url("images/clubs/midres/manchesterunited.png");
}
#manchestercity1 {
	background-image: url("images/clubs/midres/manchestercity.png");
}
#boltonwanderers1 {
	background-image: url("images/clubs/midres/boltonwanderers.png");
}
#hellasveronafc1 {
	background-image: url("images/clubs/midres/hellasverona.png");
}
#chievoverona1 {
	background-image: url("images/clubs/midres/chievoverona.png");
}
#acmilan1 {
	background-image: url("images/clubs/midres/acmilan.png");
}
#internazionale1 {
	background-image: url("images/clubs/midres/internazionale.png");
}
#luxemburg1 {
	background-image: url("images/clubs/midres/luxemburg.png");
}
#barcelona1 {
	background-image: url("images/clubs/midres/barcelona.png");
}
#valencia1 {
	background-image: url("images/clubs/midres/valencia.png");
}
#villarreal1 {
	background-image: url("images/clubs/midres/villarreal.png");
}
#nastic1 {
	background-image: url("images/clubs/midres/nastic.png");
}
#benfica1 {
	background-image: url("images/clubs/midres/benfica.png");
}
#sporting1 {
	background-image: url("images/clubs/midres/sporting.png");
}
#porto1 {
	background-image: url("images/clubs/midres/porto.png");
}
#boavista1 {
	background-image: url("images/clubs/midres/boavista.png");
}

.nationsclubs {
	max-width: 880px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 100px;
	border-style: solid;
	border-width: 1px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.league {
	width: 100%;
	height: 100px;
	float: left;
	display: flex;
	justify-content: left;
	align-items: center;
	background-color: rgba(255, 255, 255, 0.9);
	color: #1D1D1A;
	padding-left: 20px;
}

.leaguelogo	 {
	margin: auto;
	width: 100px;
	height: 100px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90px 90px;
    display:block;
	background-color: rgba(255, 255, 255, 0.9);
	padding-right: 20px;
}

#leaguebelgie1 {
	background-image: url("images/competities/belgie1.png");
	scroll-margin-top: 75px;
}
#leagueduitsland1 {
	background-image: url("images/competities/duitsland1.png");
	scroll-margin-top: 75px;
}
#leagueduitsland2 {
	background-image: url("images/competities/duitsland2.png");
	scroll-margin-top: 75px;
}
#leagueengeland1 {
	background-image: url("images/competities/engeland1.png");
	scroll-margin-top: 75px;
}
#leagueengeland2 {
	background-image: url("images/competities/engeland2.png");
	scroll-margin-top: 75px;
}
#leaguefrankrijk1 {
	background-image: url("images/competities/frankrijk1.png");
	scroll-margin-top: 75px;
}
#leaguefrankrijk3 {
	background-image: url("images/competities/frankrijk3.png");
	scroll-margin-top: 75px;
}
#leagueitalie1 {
	background-image: url("images/competities/italie1.png");
	scroll-margin-top: 75px;
}
#leagueluxemburg1 {
	background-image: url("images/competities/luxemburg.png");
	scroll-margin-top: 75px;
}
#leagueportugal1 {
	background-image: url("images/competities/portugal1.png");
	scroll-margin-top: 75px;
}
#leaguespanje1 {
	background-image: url("images/competities/spanje1.png");
	scroll-margin-top: 75px;
}
#leaguespanje2 {
	background-image: url("images/competities/spanje2.png");
	scroll-margin-top: 75px;
}
#leaguenederland1 {
	background-image: url("images/competities/nederland1.png");
	scroll-margin-top: 75px;
}
#leaguenederland2 {
	background-image: url("images/competities/nederland2.png");
	scroll-margin-top: 75px;
}
#leaguenederlandolympisch {
	background-image: url("images/competities/nederlandolympisch.png");
	scroll-margin-top: 75px;
}

.club {
	width: 100%;
	height: 100px;
	float: left;
	display: flex;
	justify-content: left;
	align-items: center;
	padding-left: 20px;
	background-color: #1D1D1A;
	opacity: 0.9;

}

.clublogo {
	margin: auto;
	width: 100px;
	height: 100px;
	float: left;
	display: flex;
	justify-content: center;
	align-items: center;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 90px 90px;
    display:block;
	padding-right: 20px;
	background-color: #1D1D1A;
	opacity: 0.90;

}
#clubsportinglokeren {
	background-image: url("images/clubs/sportinglokeren.png");
}
#clubkvmechelen {
	background-image: url("images/clubs/kvmechelen.png");
}
#clubborussiadortmund {
	background-image: url("images/clubs/borussiadortmund.png");
}
#clubvfbstuttgart {
	background-image: url("images/clubs/vfbstuttgart.png");
}
#clubstpauli {
	background-image: url("images/clubs/stpauli.png");
}
#clubmanchestercity {
	background-image: url("images/clubs/manchestercity.png");
}
#clubmanchesterunited {
	background-image: url("images/clubs/manchesterunited.png");
}
#clubnewcastleunited {
	background-image: url("images/clubs/newcastleunited.png");
}
#clubboltonwanderers {
	background-image: url("images/clubs/boltonwanderers.png");
}
#clubauxerre {
	background-image: url("images/clubs/auxerre.png");
}
#clubannecy {
	background-image: url("images/clubs/annecy.png");
}
#clubparissaintgermain {
	background-image: url("images/clubs/parissaintgermain.png");
}
#cluborleans {
	background-image: url("images/clubs/orleans.png");
}
#clubacmilan {
	background-image: url("images/clubs/acmilan.png");
}
#clubchievoverona {
	background-image: url("images/clubs/chievoverona.png");
}
#clubhellasverona {
	background-image: url("images/clubs/hellasverona.png");
}
#clubinternazionale {
	background-image: url("images/clubs/internazionale.png");
}
#clubluxemburg {
	background-image: url("images/clubs/luxemburg.png");
}
#clubbenfica {
	background-image: url("images/clubs/benfica.png");
}
#clubboavista {
	background-image: url("images/clubs/boavista.png");
}
#clubporto {
	background-image: url("images/clubs/porto.png");
}
#clubsporting {
	background-image: url("images/clubs/sporting.png");
}
#clubbarcelona {
	background-image: url("images/clubs/barcelona.png");
}
#clubvalencia {
	background-image: url("images/clubs/valencia.png");
}
#clubvillarreal {
	background-image: url("images/clubs/villarreal.png");
}
#clubnastic {
	background-image: url("images/clubs/nastic.png");
}
#clubajax {
	background-image: url("images/clubs/ajax.png");
}
#clubaz {
	background-image: url("images/clubs/az.png");
}
#clubexcelsior {
	background-image: url("images/clubs/excelsior.png");
}
#clubfeyenoord {
	background-image: url("images/clubs/feyenoord.png");
}
#clubheerenveen {
	background-image: url("images/clubs/heerenveen.png");
}
#clubnac {
	background-image: url("images/clubs/nac.png");
}
#clubpsv {
	background-image: url("images/clubs/psv.png");
}
#clubrkc {
	background-image: url("images/clubs/rkc.png");
}
#clubrodajc {
	background-image: url("images/clubs/rodajc.png");
}
#clubsparta {
	background-image: url("images/clubs/sparta.png");
}
#clubtwente {
	background-image: url("images/clubs/twente.png");
}
#clubutrecht {
	background-image: url("images/clubs/utrecht.png");
}
#clubvitesse {
	background-image: url("images/clubs/vitesse.png");
}
#clubvolendam {
	background-image: url("images/clubs/volendam.png");
}
#clubvvv {
	background-image: url("images/clubs/vvv.png");
}
#clubwillemii {
	background-image: url("images/clubs/willemii.png");
}
#clubado {
	background-image: url("images/clubs/ado.png");
}
#clubalmere {
	background-image: url("images/clubs/almere.png");
}
#clubeindhoven {
	background-image: url("images/clubs/eindhoven.png");
}
#clubhaarlem {
	background-image: url("images/clubs/haarlem.png");
}
#clubpeczwolle {
	background-image: url("images/clubs/peczwolle.png");
}
#clubrbc {
	background-image: url("images/clubs/rbc.png");
}
#clubtelstar {
	background-image: url("images/clubs/telstar.png");
}
#clubtoposs {
	background-image: url("images/clubs/toposs.png");
}
#clubamsterdamolympisch {
	background-image: url("images/clubs/amsterdamolympisch.png");
}
	
.stadiuminfo {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	margin-right: 20px;
	max-width: 960px;
	padding: 20px;
	color: white;
	box-sizing: border-box;
	background-color: #1D1D1A;
	border-style: solid;
	border-color: white;
	border-width: 1px;
}
.stadium1 {
	padding-left: 20px;
}
.stadium2 {
	padding-right: 20px;
}
#stadiumcontainer {
	max-width: 1000px;
	margin: auto;
	background-color: #1D1D1A;
	display: block;
	border-top-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: white;
	border-width: 1px;
	padding-bottom: 10px;
}
#stadiumphotos {
	max-width: 1000px;
	margin: auto;
	padding-left: 10px;
	padding-right: 10px;
	box-sizing: border-box;
	background-color: #1D1D1A;
}

.clubcolumn {
  float: left;
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 0;
  padding-top: 75px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #1D1D1A;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #1D1D1A;
  margin: auto;
  padding: 0;
  max-width: 1200px;
  z-index: 0;

}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: 72px;
  right: 25px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
  z-index: 999;
}

.mySlides {
  display: none;
}

.cursor {
  cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50vh;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

img {
  margin-bottom: -4px;
}

.caption-container {
  text-align: center;
  background-color: #1D1D1A;
  padding: 2px 16px;
  color: white;
}

.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}


/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 1350px) {
.modal {
  padding-top: 125px;
}
}

@media screen and (max-width: 880px) {
.columnlarge {
    width: 100%;
}
.columnsmall {
    width: 50%;
}
  .clubcolumn {
    width: 100%;
}
.stadiuminfo {
	border-style: none;
}
.stadium1 {
	border-style: solid;
	border-width: 1px;
	border-color: white;
	background-color: rgba(255, 255, 255, 0.7);
	color: #1D1D1A;
}
.stadium2 {
	padding-left: 20px;
	margin: 2px;
}
#stadiumcontainer {
	border-top-style: none;
	border-left-style: none;
}
.stadiuminfo {
	margin-left: 0px;
	margin-right: 0px;
}
.prev,
.next {
  top: 50%;
}

}

#footerback {
    bottom: 0;
    width: 100%;
	height: 55px;
	text-align: center;
}
#footer {
    position: fixed;
	background-color: #1D1D1A;
    bottom: 0;
    width: 100%;
	height: 55px;
	text-align: center;
	border-top-style: solid;
	border-width: 1px;
	border-color: #51514B;
	padding-bottom: 5px;
	box-sizing: border-box;
}
.footerblock {
	float: left;
	width: 25%;
	height: 55px;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	background-color: #1D1D1A;
	opacity: 0.95;
	border-width: 1px;
	border-color: #51514B;
	box-sizing: border-box;
}
#footerhome {
	background-image: url("images/nav/home.png");
	border-right-style: solid;
}
#footerabout {
	background-image: url("images/nav/about.png");
	border-right-style: solid;
}
#footermap {
	background-image: url("images/nav/map.png");
	border-right-style: solid;
}
#footercountries {
	background-image: url("images/nav/countries.png");
}
#footerleft {
	background-image: url("images/nav/arrow-left.png");
	border-right-style: solid;	
	border-left-style: solid;
}
#footerup {
	background-image: url("images/nav/arrow-up.png");
}