@font-face {
	font-family: "DaxCondensed";
	src:url("../fonts/DaxCondensed-webfont.eot");
	src:url("../fonts/DaxCondensed-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/DaxCondensed-webfont.woff") format("woff"),
		url("../fonts/DaxCondensed-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "Icons";
	src:url("../fonts/FontAwesome-webfont.eot");
	src:url("../fonts/FontAwesome-webfont.eot?#iefix") format("embedded-opentype"),
		url("../fonts/FontAwesome-webfont.woff") format("woff"),
		url("../fonts/FontAwesome-webfont.ttf") format("truetype"),
		url("../fonts/FontAwesome-webfont.png") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* Reset 
================================================================================= */
* { margin:0; padding:0; }

img { border:0; vertical-align:top; }

h1 { font-family: "DaxCondensed", Arial, sans-serif!important; color: #000; font-size: 36px; font-weight: normal; line-height: 42px; margin-bottom:30px!important; }
h2,h3,h4,h5,h6 { font-family: "DaxCondensed", Arial, sans-serif!important; color: #000; font-size: 30px!important; font-weight: normal; line-height: 36px; margin:0 0 20px 0!important; }

p { font-family: "DaxCondensed", Arial, sans-serif; color: #000; font-size: 18px; font-weight: normal; line-height: 30px; margin-bottom: 28px; }

::-webkit-input-placeholder { opacity: 1; }
:-moz-placeholder { opacity: 1; }
::-moz-placeholder { opacity: 1; }
:-ms-input-placeholder { opacity: 1; }

.button {
    border: solid 1px #6d1b10;
    border-radius: 0;
    color: #6d1b10;
    display: inline-block;
    font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 6px 15px;
}
.button .fa {
    border-left: solid 1px #c2a9a5;
    border-right: 0;
    font-size: 20px;
    height: 34px;
    padding: 7px 5px 0 17px;
    position: relative;
    margin-left:12px;
    margin-right: 0;
    width: auto;
}
.button:hover, .button:focus{
	background: #6d1b10;
	color:#fff;
	text-decoration: none;
}
.button-red {
    border: solid 1px #6d1b10;
    border-radius: 0;
    color: #fff;
    background:#6d1b10;
    display: inline-block;
    font: normal 16px/34px 'DaxCondensed', 'PT Sans Narrow', Arial, sans-serif;
    height: 50px;
    padding: 6px 15px;
}
.button-red .fa {
    border-left: solid 1px #834037;
    font-size: 20px;
    height: 34px;
    padding: 7px 5px 0 17px;
    margin-left:12px;
}
.button-red:hover, .button-red:focus{
    border: solid 1px #6d1b10;
	background: #fff;
	color:#6d1b10;
	text-decoration: none;
}
.intro-katalog{
	padding:7% 19%;
	text-align: center;
	border-bottom:1px solid #d9d9d9;
}
.product-big {
    padding: 6% 17% 9% 0;
    margin: 50px 0;
}
.product{
	padding:9% 10%;
	text-align: center;
	border-left:1px solid #d9d9d9;
}
.product.first{
	border-left:none;
}
.product p, .product-big p{
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:16px;
	line-height: 24px;
	margin-bottom:20px;
}
.product img{
	margin-bottom: 20px;
}
.center_button {
	text-align: center;
	padding:50px 0 100px 0;
}

@media (min-width: 768px) and (max-width: 979px) { 
	.intro-katalog {
	    padding: 7% 2%;
	}
	.margin-top{
		margin-top:25%;
	}
	.product {
	    padding: 9% 16%;
	}
	.product .button .fa, .product-big .button .fa{
		display: none;
	}
}
@media (max-width: 767px) {
	.intro-katalog {
 	   padding: 7% 0;
	}
	.product-big{
		padding: 0 0 5% 0;
		text-align: center;
		margin:50px 0 0 0;
	}
	.product-big p{
		padding:0 17%;
	}
	.product{
		padding: 4% 17%;
		border-left:none;
	}
	img.margin-top{
		padding:20px 80px 0 80px;
	}
}  
@media (max-width: 480px) {
	.product {
	    padding: 12% 17%;
	}
}