html, body {
	background-color:rgb(255, 255, 255);
	font-family: 'Ubuntu', sans-serif;
	font-weight:300;
	font-size:14px;
	color:rgb(35,35,35);
	height: 100%;
	width: 100%;
	margin: auto;
}

img {
	height: auto;
	width: 100%;
	display: block;
	margin: auto;
}
.pexeso {
	/*height: auto;
	width: 100%;
	margin: auto;
	text-align: center;
	float: left;
	position: relative;*/
}
.lvl0 {
	max-height: 800px;
	max-width: 1200px;
	margin: auto;
	padding: 0;
}
.lvl-line {
	height: auto;
	max-width: 100%;
	margin: auto;
	padding: 0;
	float: left;
}
.lvl1-logo {
	height: 200px;
	width: 400px;
	/*height: calc(100% / 4);
	width: calc(100% / 4);*/
	margin: 0;
	padding: 0;
	float: left;
}
.lvl1-logo-inside {
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	margin: 20px;
	padding: 0;
	float: left;
}
.lvl1 {
	height: 200px;
	width: 200px;
	/*height: calc(100% / 4);
	width: calc(100% / 8);*/
	margin: 0;
	padding: 0;
	float: left;
}
.lvl1-inside {
	height: calc(100% - 20px);
	width: calc(100% - 20px);
	margin: 20px;
	padding: 0;
	float: left;
}

/* ANIMACE */
.card {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}
.cardimg {
  width: 100%;
  height: 100%;
  transition: transform 1s;
  transform-style: preserve-3d;
  cursor: pointer;
  position: relative;
}
.cardimg.is-flipped {
  transform: rotateY(180deg);
}

.img-front {
	height: auto;
	width: 100%;
	display: block;
	margin: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
}
.img-back {
	height: auto;
	width: 100%;
	display: block;
	margin: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: rotateY(180deg);
	position: absolute;
}

#portfolio .container {
    padding: 15px 0;
}

.media.service-box {
    margin: 0;
}

#features .media.service-box:first-child {
    margin-top: 40px;
}

.section-header {
    margin-bottom: 0;
}