body {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 17px;
}

.etalon {
	width: 1400px;
	margin: 0 auto;
}
.clear {
	clear: both;
}

#head {
	padding: 70px 0 50px 0;
	background: rgb(0,68,96) url('/img/bg_head.svg') center 0;
	background-size: 100%;
}
.logo {
	width: 350px;
	display: block;
	float: left;
	box-shadow: #000000 0 0 20px;
/*
	font-family: Montserrat, Arial, sans-serif;
	font-weight: bold;
	font-size: 45px;
	background-color: rgb(0,68,96);
	color: #ffffff;
	padding: 0.1em 0.5em;
*/
}
.claim {
	display: block;
	float: right;
	padding-top: 0.6em;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
}

#head h1 {
	clear: both;
	padding: 120px 0 150px 0;
	margin: 0;
	font-family: Montserrat, Arial, sans-serif;
	font-weight: bold;
	font-size: 55px;
	color: #ffffff;
	text-shadow: 1px 1px 3px #000000;
	text-align: center;
	background: url('/img/arrow.svg') bottom center no-repeat;
	background-size: 90px;
}

.columns {
	padding: 40px 0;
}

.part1, .part2, .part3 {
	width: 33.3%;
	padding-top: 260px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 85%;
}
.part1, .part2 {
	float: left;
}
.part3 {
	float: right;
}
.part1  {background-image: url('/img/ilu_mar.svg')}
.part2  {background-image: url('/img/ilu_hex.svg')}
.part3  {background-image: url('/img/ilu_tes.svg')}

.part1 h2, .part2 h2, .part3 h2 {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: rgb(0,68,96);
	text-align: center;
	padding: 0 5px;
	margin: 0 0 20px 0;
}
.part1 p, .part2 p, .part3 p {
	padding: 0 15px;
	text-align: center;
	margin: 0;
}


.laundry {
	background-color: rgb(0,97,138); /* rgb(0,97,138) */
}
.laundry .inner {
	padding: 45px 0;
	padding-right: 53%;
	background: url('/img/ilu_spec.svg') right center no-repeat;
	background-size: 52%;
}
.laundry h2 {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #ffffff;
	text-align: left;
	padding: 0;
	margin: 0 0 30px 0;
	text-shadow: 1px 1px 2px #000000;
}
.laundry p {
	color: #ffffff;
	text-align: left;
	text-shadow: 1px 1px 1px #000000;
}

.contact {
	padding: 40px 0;
}
.contact h2 {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: rgb(0,68,96);
	text-align: center;
	padding: 0 0 40px 0;
	margin: 0 0 40px 0;
	border-bottom: solid 3px #eee;
}
.partC1, .partC2 {
	width: 49.5%;
}
.partC1 {
	float: left;
}
.partC2 {
	float: right;
}
.partC1 h3, .partC2 h3 {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 28px;
	font-weight: bold;
	color: rgb(0,68,96);
	text-align: center;
	padding: 0 5px;
	margin: 0 0 10px 0;
}
.partC1 p, .partC2 p {
	padding: 0 15px;
	margin: 0 0 10px 0;
	text-align: center;
}
.partC2 p a {
	font-family: Montserrat, Arial, sans-serif;
	font-size: 35px;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 20px;
	margin: 20px 0;
	color: #ffffff;
	background: rgb(0,68,96);
	border-radius: 100px;
}
.partC2 p a:hover {
	background: rgb(0,128,0);
}
.partC2 .mailtel p {
	padding: 10px 0;
}


@media screen and (max-width: 1620px) { 
	.etalon {width: 1300px;}
	.logo {width: 300px;}
	.claim {	padding-top: 0.5em;	font-size: 30px; text-shadow: 1px 1px 3px #000000;}
	#head h1 {font-size: 50px; padding: 100px 0 130px 0; text-shadow: 1px 1px 3px #000000;}
	.part1 h2, .part2 h2, .part3 h2, .contact h3 {font-size: 26px;}
	.laundry .inner {padding-right: 53%;	background-size: 52%;}
	.part1, .part2, .part3 {	padding-top: 260px;	background-size: 90%;}
}
@media screen and (max-width: 1500px) { 
	.etalon {width: 1200px;}
	.part1 h2, .part2 h2, .part3 h2, .contact h3 {font-size: 25px;}
	.part1, .part2, .part3 {	padding-top: 240px;	background-size: 90%;}
}
@media screen and (max-width: 1330px) { 
	.etalon {width: 1100px;}
	.claim {	padding-top: 0.7em;	font-size: 25px; text-shadow: 1px 1px 3px #000000;}
	#head h1 {font-size: 45px; padding: 80px 0 110px 0; text-shadow: 1px 1px 3px #000000; background-size: 60px;}
	#head {padding: 60px 0 40px 0;}
	.laundry .inner {padding-right: 50%;	background-size: 51%;}
	.part1, .part2, .part3 {	padding-top: 210px;	background-size: 85%;}
}
@media screen and (max-width: 1200px) { 
	body {font-size: 16px}
	.etalon {width: 900px;}
	.logo {width: 280px;}
	.claim {	padding-top: 0.7em;	font-size: 23px; text-shadow: 1px 1px 3px #000000;}
	#head h1 {font-size: 43px; padding: 80px 0 110px 0; text-shadow: 1px 1px 3px #000000; background-size: 60px;}
	#head {padding: 60px 0 40px 0;}
	.laundry .inner {padding: 30px 0; padding-right: 51%;	background-size: 50%;}
	.laundry h2 {margin-bottom: 20px;}
	.part1, .part2, .part3 {	padding-top: 190px;	background-size: 95%;}
	.part1 h2, .part2 h2, .part3 h2 {padding: 0 10px;}
	.part1 p, .part2 p, .part3 p {padding: 0 7px;}
}
/*
@media screen and (max-width: 1100px) { 
	body {font-size: 15px}
	.etalon {width: 90%;}
	.logo {width: 250px;}
	.claim {	padding-top: 0.7em;	font-size: 20px; text-shadow: 1px 1px 3px #000000;}
	#head h1 {font-size: 45px; padding: 80px 0 110px 0; text-shadow: 1px 1px 3px #000000; background-size: 60px;}
	#head {padding: 60px 0 40px 0;}
	.laundry .inner {padding-right: 50%;	background-size: 50%;}
	.part1 p, .part2 p, .part3 p {padding: 0 5px;}
}
*/
@media screen and (max-width: 999px) { 

	body {min-width: 600px; font-size: 27px}
	.etalon {width: 520px;}
	#head {text-align: center; background-size: 150%; padding: 65px 0 45px 0;}
	#head h1 {font-size: 45px; padding: 55px 0 85px 0; text-shadow: 1px 1px 3px #000000; background-size: 80px;}
	.logo {width: 410px; float: none; margin: auto; box-shadow: #000000 0 0 30px;}
	.claim {font-size: 20px; float: none; margin: auto;}
	.laundry {padding: 45px 0; padding-bottom: 30px;}
	.part1, .part2, .part3 {	width: 100%; float: none; margin: 0 0 20px 0;}
	.part1, .part2 {margin: 0 0 35px 0; padding: 0 0 30px 0; border-bottom: solid 3px #eee;}
	.part1, .part2, .part3 {	padding-top: 305px;	background-size: 90%;}
	.part1 p, .part2 p, .part3 p {padding: 0; text-align: center;}
	.part1 h2, .part2 h2, .part3 h2, .laundry h2, .contact h2 {font-size: 40px}
	.laundry h2, .laundry p {text-align: center}
	.laundry .inner {padding: 0; background-image: none;}
	.laundry  {padding: 45px 0 290px 0; background: rgb(0,97,138) url('/img/ilu_spec.svg') no-repeat; background-size: 110%; background-position: center bottom -20px;}
	.partC1, .partC2 {width: 100%; float: none; margin: 0 0 20px 0;}
	.partC1 {padding: 0 0 27px 0; margin: 0 0 35px 0; border-bottom: solid 3px #eee;}
	.contact h3 {font-size: 40px}
	.contact .partC2 .mailtel a {font-size: 40px; padding: 10px 30px;}
	.contact p {margin-bottom: 40px;}
}