html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, div
pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q,
s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
figure, header, nav, section, article, aside, footer, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

html, body {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  background-color: #fff;
	background-image: url("../img/right-bg-decor.png");
	background-repeat: no-repeat;
	background-position: bottom right;
  font-size: 16px;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.row {
	display: flex;
	flex-wrap: wrap;
	
}
.container{
	width: 95%;
	max-width: 1080px;
 	margin: auto;
	background-image:url("../img/majka-07.svg");
  background-repeat: no-repeat;
  background-position: top right;
  	background-size: 520px;

}

a {
  text-decoration: none !important;
	color: #7A7A7A;
}
a:hover {
	color: #9AEA00;
}

h2, h3, h4, h5, h6 {
  margin-top: 0px;
  margin-bottom: 0px;
}

ul {
  margin-bottom: 0px;
}
li {
	list-style: none;
	float: left;
}

p {
  font-size: 15px;
  line-height: 25px;
  color: #888;
}

div.nav {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
  line-height: 50px;
  color: #191a20;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 2px;
  z-index: 50;
}
.nav ul { 
	padding-right: 10px;
    background-color: hsla(0,0%,100%,0.85); 
}
.nav li a {
  color: #7A7A7A!important;
}
.nav li:hover a {
  color: #9AEA00!important;
}
.nav li a.active {
  color: #9AEA00!important;
}
.nav li {
  padding-left: 10px;
  padding-right: 10px;
}
.nav li:last-child {
  padding-right: 0px;
}
.header {
  margin-top: 7%;
	margin-bottom: 10%;
  /*background-image:url("../img/majka-07.svg");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 50%;
  transform: perspective(1px) translateY(-30%) !important;*/
}

h1 {
  font-weight: 900;
  font-size: 52px;
  line-height: 65px;
  letter-spacing: 1px;
  margin-bottom: 30px;
  color: #191a20;
}
.komenty {
	margin: 100px auto;
	text-align: center;
}

h1 em {
  font-style: normal;
  color: #6EDD20;
}
.pravidlo {
	display: flex;
	flex-direction: row;
	height: 250px;
	/*background-color: red;*/
	margin: 1px;
}
.pravidloP {
	display: flex;
	flex-direction: row-reverse;
	height: 250px;
	/*background-color: red;*/
	margin: 1px;
	text-align: right;
}
.text {
	margin: auto 0;
	padding-left: 3%;
	padding-right: 3%;
	display: inline-block;
 	width: 60%;
	/*background-color: blue;*/
}
.pravidlo img {
	display: inline-block;
	height: 250px;
}
.pravidloP img {
	display: inline-block;
	height: 250px;
}
h2 {
	font-weight: 800;
}
.pravidloP h2 {
	font-weight: 800;
	text-align: right;
}
h2 em {
    border-radius: 50%;
    width: 36px;
    height: 36px;
    padding: 8px;
    background: #fff;
    border: 2px solid #666;
    color: #666;
    text-align: center;
}
.left {
	width: 50%;
	float: left;
}

.right img {
	max-height: 1000px;
	margin-top: -100px;
}


@media (max-width: 712px){
	h1 {
		max-width: 240px;
		background:rgba(255,255,255,0.76);
	}
	.container{
	background-image: none;
	}
	.header {
		background-image:url("../img/majka-07.svg");
  		background-repeat: no-repeat;
  		background-size: 200px;
		background-position: right top;
		margin-bottom: 20%;
		margin-left: 3%;
	}
	.left {
		width: 85%;		
		margin-top: inherit;
	}
	.pravidlo {
	padding-bottom: 40px;
	flex-direction:column-reverse;
	height: auto;
	}
	.pravidloP {
	padding-bottom: 40px;
	flex-direction:column-reverse;
	height: auto;
	text-align: left;
	}
	.text {
 	width: 98%;
	}
	.pravidlo h2 {
	text-align:center;
	}
	.pravidloP h2 {
	text-align:center;
	}
	.komenty h1{
	margin: 10px auto;
	text-align: center;
}