html, body, div, span, h1, h2, h3, h4, h5, h6, a, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;                                      
	font-size: 100%;                     
}

@font-face {
    font-family: 'Lytiga Pro Extended Bold';
    src: url('../fonts/lytigapro-extendedblack-webfont.eot');
    src: url('../fonts/lytigapro-extendedblack-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lytigapro-extendedblack-webfont.woff2') format('woff2'),
         url('../fonts/lytigapro-extendedblack-webfont.woff') format('woff'),
         url('../fonts/lytigapro-extendedblack-webfont.ttf') format('truetype'),
         url('../fonts/lytigapro-extendedblack-webfont.svg#lytiga_pro_extendedblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6{
	font-size: 100%;
	font-weight: normal;
}


aside, footer, address, section, nav, header {
	display:block;
}

img, iframe, video {
	max-width:100%;
}

.page-header h2{
	font-size: 1.875em;
	margin-bottom: 20px;
}

#wrapper{
  	font-size: 100%;
  	font-family: 'Roboto', sans-serif;
}

header{padding: 15px 0 24px;}

.center-block{
	margin: 0 auto;
	width: 1000px;
}

.menucenter{
  	width: 1000px;
  	margin: 0 auto;
}

.clearfix:after {
    clear: both;
    content: "";
    display: table;
}

.logo{
	width: 26.1%;
	float: left;
}

.slogan {
	width: 30%;
	float: left;
	margin-left: 10.4%;
	margin-top: 26px;
	color: #2b2929;
	font-size: 1.125em;
	font-weight: lighter;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.phone{
	width: 20.5%;
	float: left;
	margin-left: 13%;
	text-align: right;
}

.phone p{
	text-align: right; 
	font-size: 1.25em;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 5px;
	color: #1c1919;
}

.call{text-align: right;}

.call .button-joomly-callback-form{
	display: inline-block;
	background-image: url('/images/buttons/button-call.png');
	background-repeat: no-repeat; 
	font-size: 0.8125em;
	font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	padding: 10px 24px 9px 24px;
	cursor: pointer;
	outline: 0;
}

.call .button-joomly-callback-form:hover{
	background-image: url('/images/buttons/button-call-hover.png');
}

#menu{
	background-color: #342f2f;
}

#menu ul li {
	float: left;
    list-style: none;
    margin-right: 38px;
}

#menu ul li.item-125{
	margin-right: 0;
}

#menu ul li a{
	color: #fff;
	text-decoration: none;
	display: block;
	font-family: 'Roboto', sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding: 30px 0 25px 0;
	border-bottom: 5px solid #342F2F;
}

#menu ul li a:hover{
	border-bottom: 5px solid #f5b501;
}

#menu ul li a.startmenu{
	border-bottom: 5px solid #f5b501;
}


#headerimg{
	background-image: url('/images/headers/headimage.jpg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	padding: 30px 0 439px;
	margin-bottom: 80px; 
}

.mod_headtext {
	margin: 0 auto;
	text-align:center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 90%; 
}

.mod_headtext h2 {
	margin: 0 auto;
	display: inline-block;
	font-family: 'Lytiga Pro Extended Bold';
	text-transform: uppercase;
	font-size: 2em;	
	border-radius: 8px;
	padding: 11px 20px 16px 20px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.25);
}

.title {
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-align: center;
}

.title p{
    font-size: 2em;
	padding-bottom: 15px;
	margin-bottom: 50px;
	font-weight: bold;
	color: #393939;
	background-image: url('/images/background/title-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.title h2{
    font-size: 2em;
	padding-bottom: 15px;
	margin-bottom: 40px;
	font-weight: bold;
	color: #393939;
	background-image: url('/images/background/title-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

/*Сыпучие материалы*/

#materials h1{
	font-size: 2em;
	padding-bottom: 15px;
	margin-bottom: 50px;
	font-weight: bold;
	color: #393939;
	background-image: url('/images/background/title-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
	text-align: center;
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
}

.materials{
	width: 1000px;
    margin: 0 auto;
}

.article{
	width: 22.5%;
	text-align: center;
	color: #393939;
	float: left;
}

.article h3{
	font-weight: bold;
	font-size: 1.375em;
	margin-bottom: 10px;
	margin-top: 8px;
	}

.article p{
	font-size: 1.1875em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin: 0 auto;
	text-align: center;
}

#article2, #article3, #article4, #article6, #article7, #article8, #article10, #article11, #article12 {
	margin-left: 3.3%;
}

#container1, #container2{
    margin-bottom: 50px; 
}

#container3 {
    margin-bottom: 80px; 
}

.button{
	display: inline-block;
	background-image: url('/images/buttons/button.png');
	background-repeat: no-repeat; 
	font-size: 1.4375em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	padding: 7px 47px 6px 47px;
	margin-top: 10px;
	cursor: pointer;
	outline:none;
	border: 0;
}

.button:hover{
	background-image: url('/images/buttons/button-hover.png');
}

/* О КОМПАНИИ */

#company{
	text-align: center;
	padding: 60px 0 60px;
	background-image: url('/images/background/Tape.png'), url('/images/background/Tape.png'), url('/images/background/companyBG.jpg');
	background-repeat: repeat-x, repeat-x, no-repeat;
	background-position: top left, left bottom, center top;
	background-size: 96px 26px, 96px 26px, cover;
	background-attachment: scroll, scroll, fixed;
	color: #fff;
	background-color: #393939;
	margin-bottom: 60px;
}

#company h2{
    font-size: 2em;
	padding-bottom: 20px;
	font-weight: bold;
	text-transform: uppercase;
}

#company p{
	font-size: 1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

/* Наши преимущества */

#OurAdvantages{
     padding-bottom: 60px;
}

.title2{
	text-transform: uppercase;
	font-weight: bold;
	font-family: 'Roboto', sans-serif;
	text-align: center;
	font-size: 2em;
	padding-bottom: 15px;
	margin-bottom: 50px; 
	color: #393939;
	background-image: url('/images/background/title-bg.png');
	background-repeat: no-repeat;
	background-position: center bottom;
}

.advantages{
	width: 22.5%;
	text-align: center;
	color: #393939;
	float: left;
}

#block2, #block3, #block4 {
	margin-left: 3.3%;
}

.advantages h3{
	font-size: 1.125em;
	font-weight: bold;
	margin-bottom: 10px;
}

.advantages p{
	font-size: 0.875em;
	line-height: 22px;
	margin: 0 auto;
}


/* Как сделать заказ */

#ordering{
	background-image: url('/images/background/Tape.png'), url('/images/background/Tape.png'), url('/images/background/orderingBG.jpg');
	background-repeat: repeat-x, repeat-x, no-repeat;
	background-position: top left, left bottom, center top;
	background-size: 96px 26px, 96px 26px, cover;
	background-attachment: scroll, scroll, fixed;
	background-color: #393939;
	color: #fff;
	text-align: center;
	padding: 60px 0 60px;
	margin-bottom: 80px;
}


#ordering h2{
    font-size: 2em;
	padding-bottom: 36px;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
}

.orderingblock{
	width: 19%;
	float: left;
	font-size: 0.875em;
	text-align: center;
}

.icon{
	width: 4.7%;
	float: left;
	margin-top: 47px;
	margin-left: 1.7%;
}

#oblock2, #oblock3, #oblock4 {
	margin-left: 1.6%;
}

#delivery{
	margin-bottom: 80px;
}

.dv1{
	width: 48.3%;
	float: left;
}

.dv2{
	text-align: left;
	font-size: 0.9375em;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	width: 48.3%;
	float: left;
	margin-left: 3.3%;
}

/* footer */

footer{
	margin-bottom: 60px;
}

#yamap_271{
	float: left;
	width: 62.2%;
}

/* Контактная информация */

#Contacts{
    width: 37.8%;
    float: left;
    padding: 30px 20px 10px 33px;
    background-color: #f2ac0d;
    color: #fff;
    height: 330px; 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
}

#Contacts .moduletableContacts h3{
	font-size: 1.375em;
	font-weight: bold;
	padding-bottom: 25px;
}

.mod_contacts {
	font-size: 1.0625em;
}

.email_f{
	padding-bottom: 19px;
}

.mod_contacts p a{
	text-decoration: none;
}

.mod_contacts p a:hover{
	text-decoration: underline;
}

.mod_contacts p a{
	color: #fff;
}
 
.addresscity{
	background-image: url('/images/icons/adress.png');
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 19px;
}

.telephone{
	padding-bottom: 19px;
}

.telephone{
	background-image: url('/images/icons/tell.png');
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 30px;
	display: block;
	font-weight: bold;
}

.email_f{
	background-image: url('/images/icons/email.png');
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding-left: 30px;
}

.time{
	background-image: url('/images/icons/time.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 30px;
	padding-bottom: 4px;
}

/* КОПИРАЙТ */

.copyright{
	background-color: #1e2124;
	padding: 15px 0 5px;
	color: #d3d3d3;
	font-size: 0.875em; 
	text-align: center;
}

.copy{
	margin-bottom: 5px;
}

.custom-privacy-policy{
	color: #d3d3d3;	
	margin-bottom: 10px;
}

.custom-privacy-policy a{
	color: #d3d3d3;	
}

.custom-privacy-policy a:hover{
	color: #F2AC0D;	

}

/* Responsive */

/* 1024px */

@media (max-width: 1024px) {
	.center-block {width: 960px;}
	.menucenter {width: 960px;}
	.logo{width: 28%;}
	.slogan{width: 29%;}
	.phone{width: 19.5%;}
  	#headerimg{padding: 30px 0 310px;}
  	.mod_headtext h2 {font-size: 1.625em;}
	.mod_headtext {width: 80%;}
}

/* 960px */

@media (max-width: 960px) {
	.center-block {width: 925px;}
	.menucenter {width: 880px;}
	#menu ul li {margin-right: 30px;}
	#menu ul li a {font-size: 0.9375em;}
	.article h3 {font-size: 1.125em;}
	.article p{font-size: 1em;}
  	.logo{width: 32%;}
	.slogan{width: 30%; margin-left: 4%;}
	.phone{width: 30%; margin-left: 4%;}
	.mod_headtext h2 {font-size: 1.625em;}

.button{
	background-image: url('/images/buttons/Adaptive/button-Adaptive.png');
	font-size: 1.375em;
	padding: 7px 39px 7px 39px;}

.button:hover{background-image: url('/images/buttons/Adaptive/button-Adaptive-hover.png');}

/*Заголовки*/
	
#materials h1 {font-size: 1.75em;}
#company h2 {font-size: 1.75em;}
.title2 {font-size: 1.75em;}
#ordering h2 {font-size: 1.75em;}
.title h2 {font-size: 1.75em;}

#Contacts{width: 40%;}
#yamap_271{width: 60%;}
}

/* 854px */

@media (max-width: 854px) {
	.center-block {width: 814px;}
	.menucenter {width: 814px;}
	.logo{width: 32%;}
	.slogan{width: 30%; margin-left: 4%;}
	.phone{width: 30%; margin-left: 4%;}
	.mod_headtext h2 {font-size: 1.625em;}
	.mod_headtext {width: 90%;}
    #Contacts{padding: 25px 15px 17px 20px;}
    #menu ul li.item-125 {margin-right: 30px;}
    #menu ul li a{font-size: 1.1em;}
    #headerimg {margin-bottom: 50px;}
    #container3 {margin-bottom: 50px; }
    #company {margin-bottom: 50px;}
    #OurAdvantages {padding-bottom: 50px;}
    #ordering {margin-bottom: 50px;}
	#delivery {margin-bottom: 50px;}
	footer {margin-bottom: 50px;}

	.article {width: 45%;}
	#article1, #article3, #article5, #article7, #article9, #article11 {margin-left: 2.5%; margin-right: 2.5%;}
  	#article2, #article4, #article6, #article8, #article10, #article12 {margin-left: 2.5%; margin-right: 2.5%;}

    #article1, #article2 {margin-bottom: 40px;}
    #article5, #article6 {margin-bottom: 40px;}
    #article9, #article10 {margin-bottom: 40px;}

    #container1, #container2{margin-bottom: 40px;}
    #container3 {margin-bottom: 50px;}

    .button{
		background-image: url('/images/buttons/button.png');
		font-size: 1.4375em;
		padding: 7px 47px 6px 47px;
	}

	.button:hover{
		background-image: url('/images/buttons/button-hover.png');
	}

	.article h3 {font-size: 1.375em;}
	.article p {font-size: 1.1875em;}

	.icon{display: none;}
	.orderingblock {width: 24%; min-height: 190px;}
    #oblock1, #oblock2, #oblock3, #oblock4 {margin-left: 0.5%; margin-right: 0.5%;}
   
    .advantages {min-height: 280px;} 
	
	#Contacts{width: 45%;}
    #yamap_271{width: 55%;}

/* mobile menu */
    #menu.menutop {
    	min-height: 50px; 
    	background-image: url(/images/icons/menuicon-hamburger.png); 
    	background-repeat: no-repeat;
    	background-position: 10px 10px;
    	background-color: #342f2f;
    	cursor: pointer;
    }

    #menu.burgermenu {
    	background-image: url(/images/icons/menuicon-close.png); 
    	background-repeat: no-repeat;
    	background-position: 10px 10px;
    	background-color: #342f2f;
    	cursor: pointer;
    	padding: 20px 0 10px;
    }

    #menu ul li a{padding: 16px; border: 1px solid #3f3f3f; border-radius: 4px; }
    #menu ul li a{margin: 0 0 10px 0;}
    #menu.menutop ul li{display: none;}
    #menu.burgermenu ul li{float: none;}
    #menu ul li a.startmenu{border: 1px solid #3f3f3f; border-radius: 4px; }
    #menu ul li a:hover{border: 1px solid #FFB50D; background-color: #FFB50D; }
    .menucenter ul{width: 90%; padding: 0 0 0 8%;}
}

/* Конец mobile menu */

/* 800px */

@media (max-width: 800px) {
	.center-block {width: 760px;}
	.menucenter {width: 760px;}
    .mod_headtext h2 {font-size: 1.5em;}
    #Contacts{padding: 25px 15px 17px 20px;}
    .logo{width: 35%;}
    .slogan{width: 30%; margin-left: 4%;}
    .phone{width: 30%; margin-left: 1%;}

    .article h3 {font-size: 1.375em;}
    .article p{font-size: 1.1875em;}
    .mod_contacts {font-size: 1em;}
    .time{padding-bottom: 3px;}

    .advantages {width: 45%; min-height: 208px;}
    #block1, #block2, #block3, #block4{margin-left: 2.5%; margin-right: 2.5%;}
    #block1, #block2{margin-bottom: 40px;}
    
    .orderingblock {width: 35%; min-height: 190px;}
    #oblock1, #oblock2, #oblock3, #oblock4 {margin-left: 7.5%; margin-right: 7.5%;}
    #oblock1, #oblock2 {margin-bottom: 40px;}
    .icon{display: none;}
   
    .dv1 {width: 100%; float: none;}
    .dv1 img {margin: 0 auto 30px; display: block;}

	.dv2 {font-size: 1em; width: 100%; float: none; margin: 0;}
	#yamap_271 {height: 320px;}
	#Contacts {height: 320px;}

}

/* 768px */

@media (max-width: 768px) {
	.center-block {width: 728px;}
	.menucenter {width: 728px;}
	.logo{width: 36%;}
	.slogan{width: 30%; margin-left: 4%;}
	.phone{width: 29%; margin-left: 1%;}
	#yamap_271{width: 58%;}
	#Contacts{width: 42%;}
	.mod_headtext {width: 90%;}
}

/* 736px */

@media (max-width: 736px) {
	.center-block {width: 700px;}
	.menucenter {width: 700px;}
	.logo{width: 37%;}
	.slogan{width: 30%; margin-left: 3%;}
	.phone{width: 29%; margin-left: 1%;}
	#yamap_271{width: 58%;}
	#Contacts{width: 42%;}
	.mod_headtext {width: 90%;}
	#Contacts .moduletableContacts h3{font-size: 1.2em; padding-bottom: 25px;}
}

/* 720px */

@media (max-width: 720px) {
	.center-block {width: 680px;}
	.menucenter {width: 680px;}
	.logo{width: 39%;}
	.slogan{width: 30%; margin-left: 2%;}
	.phone{width: 26%; margin-left: 3%;}
	#yamap_271{width: 58%;}
	#Contacts{width: 42%;}
	.mod_headtext h2 {font-size: 1.4em;}
	#Contacts .moduletableContacts h3{font-size: 1.25em;}
}

/* 667px */

@media (max-width: 667px) {
	.center-block {width: 600px;}
	.menucenter {width: 600px;}
	.logo{width: 100%; float: none;}
	.logo img{display: block; margin: 0 auto;}
	.slogan{width: 100%; margin-left: 0; float: none; margin-top: 15px; font-weight: bold;}
	.phone{width: 100%; margin-left: 0; float: none; display: block; text-align: center;}
	.phone p, .call{text-align: center; margin-top: 15px;}
	
	#materials h1{font-size: 1.5em;}
	.title2{font-size: 1.5em;}
	.title h2{font-size: 1.5em;}
    #ordering h2 {font-size: 1.5em;}
    #company h2 {font-size: 1.5em;}

    .article h3 {font-size: 1em;}
    .article p{font-size: 0.875em;}
	#yamap_271{width: 50%;}
	#Contacts{width: 50%;}
	.mod_headtext h2 {font-size: 1.2em;}

    #ordering{padding: 60px 0 40px;}

    .article h3{font-weight: bold; font-size: 1.375em; margin-bottom: 10px; margin-top: 8px;}
    .article p{ font-size: 1.1875em;}
    
    .button{background-image: url('/images/buttons/button.png'); font-size: 1.4375em; padding: 7px 47px 6px 47px;}
    .button:hover{background-image: url('/images/buttons/button-hover.png');}

}

/* 640px */

@media (max-width: 640px) {
	.center-block {width: 600px;}
	.menucenter {width: 600px;}
	.logo{width: 100%; float: none;}
	.logo img{display: block; margin: 0 auto;}
	.slogan{width: 100%; margin-left: 0; float: none; margin-top: 15px; font-weight: bold;}
	.phone{width: 100%; margin-left: 0; float: none; display: block; text-align: center;}
	.phone p, .call{text-align: center; margin-top: 15px;}
	
	#materials h1{font-size: 1.5em;}
	.title2{font-size: 1.5em;}
	.title h2{font-size: 1.5em;}
   	#ordering h2 {font-size: 1.5em;}
   	#company h2 {font-size: 1.5em;}

    .article h3 {font-size: 1em;}
    .article p{font-size: 0.875em;}
	#yamap_271{width: 50%;}
	#Contacts{width: 50%;}
	.mod_headtext h2 {font-size: 1.2em;}

    #ordering{padding: 60px 0 40px;}

    .article h3{font-weight: bold; font-size: 1.375em; margin-bottom: 10px; margin-top: 8px;}
    .article p{ font-size: 1.1875em;}
    
    .button{background-image: url('/images/buttons/button.png'); font-size: 1.4375em; padding: 7px 47px 6px 47px;}
    .button:hover{background-image: url('/images/buttons/button-hover.png');}

}

/* 600px */

@media (max-width: 600px) {
	.center-block {width: 560px;}
	.menucenter {width: 560px;}
	.mod_contacts {font-size: 0.9375em;}
	#Contacts .moduletableContacts h3 {font-size: 1.0625em; padding-bottom: 25px;}
    .mod_headtext h2 {font-size: 1.1em;}
	#yamap_271 {height: 310px;}
	#Contacts {height: 310px;}
}

/* 568px */

@media (max-width: 568px) {
	.center-block {width: 520px;}
	.menucenter {width: 520px;}
	.mod_contacts {font-size: 0.9375em;}
	#Contacts .moduletableContacts h3 {font-size: 1.0625em; padding-bottom: 25px;}
    .mod_headtext h2 {font-size: 1.1em;}
	#yamap_271 {float: none; width: 100%;}
	#Contacts {float: none; width: 100%; height: auto;} 
}


/* 480px */

@media (max-width: 480px) {
	.center-block {width: 440px;}
	.menucenter {width: 440px;}
	.menucenter ul{width: 90%; padding: 0 0 0 11%;}
	#headerimg{padding: 30px 0 140px;}
	
	#yamap_271 {float: none; width: 100%;}
	#Contacts {float: none; width: 100%; height: auto;} 
    .mod_headtext h2 {font-size: 1em; padding: 11px 10px 8px 10px;}
    .mod_headtext {width: 100%;}
	.orderingblock {width: 45%;}
    #oblock1, #oblock2, #oblock3, #oblock4 {margin-left: 1.5%; margin-right: 1.5%;}
	}

/* 414px */

@media (max-width: 414px) {
	.center-block {width: 378px;}
	.menucenter {width: 378px;}
	.menucenter ul {width: 90%; padding: 0 0 0 14%;}
	.mod_headtext h2 {font-size: 0.875em; padding: 11px 10px 8px 10px;}
	#headerimg{padding: 30px 0 140px;}

	.article {float: none; width: 100%;}
	#article1, #article3, #article5, #article7, #article9, #article11 {margin-bottom: 40px;}
    #article2, #article6, #article10 {margin-bottom: 40px;}
     
     #company p {font-size: 0.875em;}

    .advantages {width: 70%; float: none;}
     #block1, #block2, #block3, #block4 {margin-left: 15%; margin-right: 15%;}
     #block1, #block2 {margin-bottom: 35px;}
     #block3 {margin-bottom: 15px;}
     
     #delivery {margin-bottom: 35px;}
     .dv2 {font-size: 0.875em;}
     #yamap_271 {height: 250px;}
     footer {margin-bottom: 35px;}
     .copyright {font-size: 0.8125em;}
}

/* 384px */

@media (max-width: 384px) {
	.center-block {width: 344px;}
	.menucenter {width: 344px;}
	.menucenter ul {width: 90%; padding: 0 0 0 14%;}
	.mod_headtext h2 {font-size: 0.8125em; padding: 11px 10px 8px 10px; border-radius: 5px;}
	#headerimg{padding: 30px 0 140px;}
   
    .orderingblock {width: 70%; float: none;}
	#oblock1, #oblock2, #oblock3, #oblock4 {margin-left: 15%; margin-right: 15%;}
    #oblock1 {margin-bottom: 40px;}
    #oblock2 {margin-bottom: 15px;}

}

/* 360px */ 
@media (max-width: 360px) {
	.center-block {width: 330px;}
	.menucenter {width: 330px;}
	.menucenter ul {width: 90%; padding: 0 0 0 14%;}
	.mod_headtext h2 {font-size: 0.75em; padding: 11px 10px 8px 10px; border-radius: 4px;}
	#headerimg {padding: 30px 0 120px;}
}

/* 320px */ 
@media (max-width: 320px) {
	.center-block {width: 290px;}
	.menucenter {width: 290px;}
	.menucenter ul {width: 90%; padding: 0 0 0 17%;}
	.mod_headtext h2 {font-size: 0.6875em;}
	#article1, #article3, #article5, #article7, #article9, #article11 {margin-left: 0; margin-right: 0;}
    #article2, #article4, #article6, #article8, #article10, #article12 {margin-left: 0; margin-right: 0;}
}
 
/* 240px */ 
@media (max-width: 240px) {
	.center-block {width: 220px;}
	.menucenter {width: 220px;}
	.menucenter ul {width: 90%; padding: 0 0 0 17%;}
	.mod_headtext h2 {font-size: 0.6875em;}
	#headerimg {padding: 30px 0 70px;}
	#Contacts .moduletableContacts h3 {font-size: 0.875em; text-transform: none;}
	.mod_contacts {font-size: 0.75em;}
}