@import url(http://fonts.googleapis.com/css?family=Cutive+Mono&subset=latin,latin-ext);

* {box-sizing: border-box;}

#karta1{
	font-family: 'Cutive Mono' sans;
  color: white;
  text-transform: uppercase;
  width:  31em;
  height: 20em;
  background: url(../../pub.wandystan.eu/skok/karta/tlo1.png) no-repeat;
  background-size: cover;
	border-radius: 1em;
  padding: 1em;
	display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  
}
#karta2{
	font-family: 'Cutive Mono' sans;
  color: white;
  text-transform: uppercase;
  width:  31em;
  height: 20em;
  background: url(../../pub.wandystan.eu/skok/karta/tlo2.png) no-repeat;
  background-size: cover;
	border-radius: 1em;
  padding: 1em;
	display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  
}
#karta3{
	font-family: 'Cutive Mono' sans;
  color: white;
  text-transform: uppercase;
  width:  31em;
  height: 20em;
  background: url(../../pub.wandystan.eu/skok/karta/tlo3.png) no-repeat;
  background-size: cover;
	border-radius: 1em;
  padding: 1em;
	display: flex;
  flex-direction: column;
  align-content: stretch;
  align-items: stretch;
  
}


//#karta1 div {border: 1px pink solid;}


#karta1 div {flex-grow: 1;}

//#karta2 div {border: 1px pink solid;}


#karta2 div {flex-grow: 1;}

//#karta3 div {border: 1px pink solid;}


#karta div3 {flex-grow: 1;}

div#gora, div#dol{
  display: flex;
  justify-content: space-between;
  align-content: space-between;
}

div#gora{  height: 8em; flex-grow: 0; align-items: flex-start;
}
div#dol{  height: 4em; flex-grow: 0; margin-bottom: 1em; align-items: flex-end;}
div#numer {text-align: center;}
div#numer span{display: text; text-align: center; font-size: 2em; font-weight: bold; line-height: 250%; vertical-align: middle; background: rgba(0, 0, 0, 0.4); padding: .2em .5em;}

#logo{height: 5em; padding-right: 1em;}
#czip{height: 4em; margin-top: 4em; padding-left: 2em;}
#wandercard {height: 4em; right: 0;}