body {
	background-image: url("../img/bg-1.jpg");	
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-attachment: fixed;
	font-family: 'Roboto', sans-serif;
}
header p {
	color: #fff;
}
h1, h2, h3, h4 {
	color: #fff;
	font-family: 'Roboto Slab', serif;
}

p {
	text-align: justify;
}

h1, h2, h3, h4 {
	text-align: center;
}

a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	color: #ddd;
	font-weight: bold;
	text-decoration: none;
}

article {
	margin: 10px 0px 10px 0px;
}

footer p {
	text-align: center;
}

footer a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

footer a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

footer h3, h4 {
	color: #000;
}

/* klasy pomocnicze */

.img-center {
	display:block;
	margin: 0px auto;
}

.hr_line { 
	margin-bottom: 10px;
    display:block;
    border:none;
    color:white;
    height:1px;
    background:black;
    background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#fff), to(rgba(255, 255, 255, 0.1)));
}

.step {
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 25px 25px 25px 25px;
	-moz-border-radius: 25px 25px 25px 25px;
	-webkit-border-radius: 25px 25px 25px 25px;
	border: 0px solid #000000;
	margin-top: 40px;
	padding: 10px;
	color: #000;
}

.step p {
	margin-top: 10px;
}

.text-black {
	color: #000;
}

.step-number {
	padding: 30px 0px;
}

.step-number h1 {
	padding: 5px 0px;
}

.font {
		font-family: 'Rock Salt', cursive;
}


/* id pomocnnicze */

#background {
	background-image: url("../img/body-bg.png");	
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-attachment: fixed;
}

#text-white {
	color: #fff;
}

#hexagon {
	width: 100px;
	height: 50px;
	background: #c6252d;
	position: relative;
}
#hexagon:before {
	content: "";
	position: absolute;
	top: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-bottom: 25px solid #c6252d;
}
#hexagon:after {
	content: "";
	position: absolute;
	bottom: -25px;
	left: 0;
	width: 0;
	height: 0;
	border-left: 50px solid transparent;
	border-right: 50px solid transparent;
	border-top: 25px solid #c6252d;
}