/*********************** PROJECT ***********************/

body {
	background: #f9f6f6;
}
a img.obzor-img {
	display: block;
	width: 360px;
	border-radius: 6px;
	border: 2px solid transparent;
	cursor: pointer;
	margin-bottom: 20px;
}
a img.obzor-img:hover {
	border: 2px solid #b60137;	
}
/******************  CSS3 MEDIA QUERIES  ******************/

/* If ! Screen size is less than or equal to 1920px (adaptive layout) */
@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {

}

/* If ! Screen size is less than or equal to 1180px (adaptive layout) */
@media screen and (max-width: 1180px), screen and (max-device-width: 1180px) {
.sh-wrapper.w1170 {
	width: 90%;	
	}	
	.sh-wrapper.w1170.padding-t40.padding-b20 {
	width: 90%;
	padding-top: 30px;
	}
.sh-wrapper.w540 {
	width: 90%;
}	
.sh-wrapper.w540 .sh-col-r {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-wrapper.w540 .sh-col-l {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-l {
		width: 96%;
		margin-left: 0;
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
}
.sh-col-l.w183 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-r.w183 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-l.w500 {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		clear: both;
}
.sh-col-l.w550 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-l.w550 p.p-strongs {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-r.w183 label.btn-top {
		float: none;
		margin: 0 auto;
		text-align: center;
		padding: 11px 0px 9px 0px;
		margin-top: 30px;
}
.sh-col-l.w250 label.btn-politika.f-left {
	float: none;
	margin: 0 auto;
	text-align: center;
	text-align: center;
}
.sh-col-l.w204 {
		float: none;
}

.sh-col-l.w250 {
	float: none;
	margin: 0 auto;
	text-align: center;	
}
.sh-col-l.w250 p {
	float: none;
	margin: 0 auto;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;	
}
.sh-col-l.w250 h2 {
	float: none;
	margin: 0 auto;
	text-align: center;	
	padding-top: 0;
	padding-bottom: 15px;
}
.sh-col-l.w360 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		margin-bottom: 30px;
}
.sh-col-l.w450 {
		float: none;
		margin: 0 auto;
		text-align: center;
}
.sh-col-l.w450 h2 {
		text-align: center;
}
.sh-col-l.w550 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		margin-bottom: 30px;
}
.sh-col-l.w600 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		margin-bottom: 30px;
}
a.helveticabold24.forrespons.t-left {	
	text-align: center;
}
h4.helveticabold24.forrespons.t-left {
	margin-top: 110px;
	text-align: center;
}

}
/* If ! Screen size is less than or equal to 640px (adaptive layout) */
@media screen and (max-width: 640px), screen and (max-device-width: 640px) {
	.sh-wrapper.w1170.padding-t40.padding-b100 h1 {
		width: 100%;
		padding: 0;
		margin-left: 0;
		font-size: 24px;
		letter-spacing: 1px;
	}
		.sh-wrapper.w1170.padding-t40.padding-b100 h1 span {
		width: 100%;
		padding: 0;
		margin-left: 0;
		font-size: 36px;
	}
		.sh-wrapper.w1170.padding-t40.padding-b100 h2 {
		width: 100%;
		padding: 0;
		margin-left: 0;
		font-size: 24px;
		padding-bottom: 20px;
	}
			.sh-wrapper.w1170.padding-t40.padding-b100 h2 span {
		width: 100%;
		padding: 0;
		margin-left: 0;
		font-size: 24px;		
	}
			.sh-wrapper.w1170.padding-t40.padding-b100{
		padding-top: 20px;
		padding-bottom: 60px;
	}
	/* img-picture */
		img.picture {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
	}
	.w308 {
		width: 100%;
	}
	h3.imgtexts, p.imgtexts {
		text-align: center;
	}
	/* fin img-picture */
	h1.helveticablack48 {
		font-size: 36px;
	}
}

/* If ! Screen size is less than or equal to 500px (adaptive layout) */
@media screen and (max-width: 500px), screen and (max-device-width: 500px) {
	.sh-col-l.w450 {
	width: 100%;
	padding: 0;
	margin-left: 0;
	}	
	.sh-col-l.w360 img {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
	}	
	.sh-col-l.w360 {
		width: 100%;
		padding: 0;
		margin-left: 0;
	}

}

/* If ! Screen size is less than or equal to 400px (adaptive layout) */
@media screen and (max-width: 400px), screen and (max-device-width: 400px) {

	.helveticabold24.forrespons {
		font-size: 20px;
		text-align: center;
	}
}