section.blog div.b-intro h3 {
    font-size: 28px;
    text-transform: uppercase;
    padding-top: 30px;
    margin: 0;
    clear: both;
    text-align: left;
}

section.blog div.b-intro h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(215,199,166,1)),to(rgba(215,199,166,0.1)));
    background: -o-linear-gradient(left, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    background: linear-gradient(to right, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c7a6', endColorstr='#1ad7c7a6',GradientType=1 );
}

section.blog div.b-intro h3 strong {
    font-family: HV-900;
    text-align: left !important;
}

section.blog div.b-intro h4 {
    text-transform: uppercase;
    font-family: HV-900;
    color: #e7d6ba;
    margin-bottom: 0 !important;
}

p.rodzaje {
    margin-top: 0;
}

img.left {
    float: left;
    width: 50%;
    max-width: 400px;
}

p.right {
    float: right;
    text-align: left;
    color: #d4c09b !important;
    width: 50%;
    max-width: 400px;
    padding: 10px 0;
    margin-top: 57px;
    border-color: #d4c09b;
    border-style: solid;
    border-width: 1px 0;
}

.clay {
	display: table;
}

.clay::after {
    content: "";
    display: block;
    clear: both;
}

.clay > .img {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
}

.clay > .description {
	float: right;
}

.zasady {
    width: 100%;
    display: table;
    margin-top: 20px;
    padding-bottom: 5px;
}

.zasady > div {
    display: table-cell;
    vertical-align: middle;
}

.zasady > div:last-child {
    width: 80%;
    border-bottom: 1px solid #d4c09b;
}

.zasady.last > div:last-child {
    border-bottom: none;
}



@media (max-width: 500px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
		margin: 0 auto;
	}
	img.left {
	    width: 100% !important;
	    display: block;
	    margin: 10px auto !important;
	    float: none !important;
	}
	p.right {
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		float: none !important;
	}
	.clay > .img {
		display: none !important;
	}
    .zasady > div {
        vertical-align: top;
    }
    .zasady>div>img {
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 501px) {
	.mobile {
		display: none;
	}
}

@media (min-width: 740px) and (max-width: 979px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
		margin: 0 auto;
	}
	img.left {
	    width: 100% !important;
	    display: block;
	    margin: 10px auto !important;
	    float: none !important;
	}
	p.right {
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		float: none !important;
	}
    .zasady > div {
        vertical-align: top;
    }
    .zasady>div>img {
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 980px) and (max-width: 1219px) {
	p.right {
		width: 47%;
		margin-top: 0;
	}
}
section.blog div.b-intro h3 {
    font-size: 28px;
    text-transform: uppercase;
    padding-top: 30px;
    margin: 0;
    clear: both;
    text-align: left;
}

section.blog div.b-intro h3::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: -webkit-linear-gradient(left, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(215,199,166,1)),to(rgba(215,199,166,0.1)));
    background: -o-linear-gradient(left, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    background: linear-gradient(to right, rgba(215,199,166,1) 0%,rgba(215,199,166,0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7c7a6', endColorstr='#1ad7c7a6',GradientType=1 );
}

section.blog div.b-intro h3 strong {
    font-family: HV-900;
    text-align: left !important;
}

section.blog div.b-intro h4 {
    text-transform: uppercase;
    font-family: HV-900;
    color: #e7d6ba;
    margin-bottom: 0 !important;
}

p.rodzaje {
    margin-top: 0;
}

img.left {
    float: left;
    width: 50%;
    max-width: 400px;
}

p.right {
    float: right;
    text-align: left;
    color: #d4c09b !important;
    width: 50%;
    max-width: 400px;
    padding: 10px 0;
    margin-top: 57px;
    border-color: #d4c09b;
    border-style: solid;
    border-width: 1px 0;
}

.clay {
	display: table;
}

.clay::after {
    content: "";
    display: block;
    clear: both;
}

.clay > .img {
	width: 25%;
	display: table-cell;
	vertical-align: middle;
}

.clay > .description {
	float: right;
}

.zasady {
    width: 100%;
    display: table;
    margin-top: 20px;
    padding-bottom: 5px;
}

.zasady > div {
    display: table-cell;
    vertical-align: middle;
}

.zasady > div:last-child {
    width: 80%;
    border-bottom: 1px solid #d4c09b;
}

.zasady.last > div:last-child {
    border-bottom: none;
}



@media (max-width: 500px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
		margin: 0 auto;
	}
	img.left {
	    width: 100% !important;
	    display: block;
	    margin: 10px auto !important;
	    float: none !important;
	}
	p.right {
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		float: none !important;
	}
	.clay > .img {
		display: none !important;
	}
    .zasady > div {
        vertical-align: top;
    }
    .zasady>div>img {
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 501px) {
	.mobile {
		display: none;
	}
}

@media (min-width: 740px) and (max-width: 979px) {
	.desktop {
		display: none;
	}
	.mobile {
		display: block;
		margin: 0 auto;
	}
	img.left {
	    width: 100% !important;
	    display: block;
	    margin: 10px auto !important;
	    float: none !important;
	}
	p.right {
		width: 100% !important;
		display: block;
		margin: 10px auto !important;
		float: none !important;
	}
    .zasady > div {
        vertical-align: top;
    }
    .zasady>div>img {
        padding-right: 10px;
        padding-bottom: 10px;
    }
}

@media (min-width: 980px) and (max-width: 1219px) {
	p.right {
		width: 47%;
		margin-top: 0;
	}
}