<!-- Copyright© Художественно-реставрационная мастерская Рескульпт - Resculpt.ru -->
<!-- Copyright© Eugene Gorodilov -->
* { }

/* mobile 1280x720 */
@media screen and (min-width: 720px) and (max-width: 1180px) {
html {overflow: auto;}
body {margin: 0; padding: 0; width: 100%; height: 100%; background-color: #3d3435;
background: url(../img/fon3.jpg) repeat #3d3435; /*<!-- #710004 -->*/
		-moz-background-size: 100%; /* Firefox 3.6+ */
		-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
		-o-background-size: 100%; /* Opera 9.6+ */
		background-size: 100%; /* Современные браузеры */
		background-attachment: fixed;
        font-family: 'Calibri', cursive;
        font-size: 24px;
	}
a {text-decoration: none; color: #f2eae0;}
a:link {text-decoration: none; color: #f2eae0;}
a:visited {text-decoration: none; color: #f2eae0;} 
a:active {text-decoration: none; color: red;}
a:hover {text-decoration: none; color: #ffffff;}

#background {z-index: 1; display: block; position: fixed; top: 0; left: 0; min-height: 100%; min-width: 700px; width: 100%; height: 100%;}

	#content	{
			z-index: 2; 
			position: absolute; 
			top: 0; 
			left: 0; 
			text-align: center; 
			width: 100%; 
			font-family: 'Calibri', cursive; 
			font-size: 24px; 
			font-weight: normal;
			color: #f2eae0;
			}

.box {display: block; position: relative; top: 50px; max-width: 1200px; width: 95%; height: 100%; overflow: normal;}

.logos {position: absolute; display: block;
		top: 0px; 
		left: 0px; 
		margin:0px; 
		padding:0px; 
		}

.name {position: absolute; 
		top: 0px; 
		left: 100px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Comfortaa', cursive; 
		font-size: 24px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: left; 
		letter-spacing: 0px;
		}

.resculpt {position: absolute; 
		top: 36px; 
		left: 100px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Comfortaa', cursive; 
		font-size: 48px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: left; 
		letter-spacing: 0px;
		}

.truba {position: absolute; 
		top: 0px; 
		right: 140px; 
		margin:0px; 
		padding:0px; 
		text-align: right; 
		letter-spacing: 0px;
		}

.mail {position: absolute; 
		top: -9px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Calibri', cursive; 
		font-size: 18px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: right; 
		letter-spacing: 0px;
		}

.tel {position: absolute; 
		top: 15px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Roboto', cursive; 
		font-size: 14px; 
		font-weight: normal; 
		color: #ffffff; 
		text-align: right; 
		letter-spacing: 0px;
		}

.adress {position: absolute; 
		top: 36px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Calibri', cursive; 
		font-size: 18px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: right; 
		letter-spacing: 2px;
		}

.mainbox {position: absolute; 
		top: 130px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		}

.maintext {font-family: 'Calibri', cursive; 
		font-size: 24px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: justify; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.menubox { 
		font-family: 'Comfortaa', cursive; 
		font-size: 26px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: center; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.mainmenu {font-family: 'Comfortaa', cursive; 
		font-size: 26px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: center; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.divtable {display:table; width:100%;}
.divrow {display:table-row;}
.divcell {display:table-cell;}

.footer {font-family: 'Calibri', cursive; 
		font-size: 16px; 
		font-weight: normal; 
		color: #c2bcb4; 
		text-align: center; 
		letter-spacing: 0px;
		}

}

/* other */
@media screen and (min-width: 1180px) {
html {overflow: auto;}
body {margin: 0; padding: 0; width: 100%; height: 100%; background-color: #3d3435;
background: url(../img/fon3.jpg) repeat #3d3435; /*<!-- #710004 -->*/
		-moz-background-size: 100%; /* Firefox 3.6+ */
		-webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
		-o-background-size: 100%; /* Opera 9.6+ */
		background-size: 100%; /* Современные браузеры */
		background-attachment: fixed;
        font-family: 'Calibri', cursive;
        font-size: 24px;
	}
a {text-decoration: none; color: #f2eae0;}
a:link {text-decoration: none; color: #f2eae0;}
a:visited {text-decoration: none; color: #f2eae0;} 
a:active {text-decoration: none; color: red;}
a:hover {text-decoration: none; color: #ffffff;}

#background {z-index: 1; display: block; position: fixed; top: 0; left: 0; min-height: 100%; min-width: 700px; width: 100%; height: 100%;}

#content	{
			z-index: 2; 
			position: absolute; 
			top: 0; 
			left: 0; 
			text-align: center; 
			width: 100%; 
			font-family: 'Calibri', cursive; 
			font-size: 24px; 
			font-weight: normal;
			color: #f2eae0;
			}

.box {display: block; position: relative; top: 50px; max-width: 1200px; width: 95%; height: 100%; overflow: normal;}

.logos {position: absolute; display: block;
		top: 0px; 
		left: 0px; 
		margin:0px; 
		padding:0px; 
		}

.name {position: absolute; 
		top: 0px; 
		left: 100px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Comfortaa', cursive; 
		font-size: 24px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: left; 
		letter-spacing: 0px;
		}

.resculpt {position: absolute; 
		top: 36px; 
		left: 100px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Comfortaa', cursive; 
		font-size: 48px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: left; 
		letter-spacing: 0px;
		}

.truba {position: absolute; 
		top: 0px; 
		right: 140px; 
		margin:0px; 
		padding:0px; 
		text-align: right; 
		letter-spacing: 0px;
		}

.mail {position: absolute; 
		top: -9px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Calibri', cursive; 
		font-size: 18px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: right; 
		letter-spacing: 0px;
		}

.tel {position: absolute; 
		top: 17px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Roboto', cursive; 
		font-size: 16px; 
		font-weight: normal; 
		color: #ffffff; 
		text-align: right; 
		letter-spacing: 0px;
		}

.tel_old {position: absolute; 
		top: 15px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Roboto', cursive; 
		font-size: 18px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: right; 
		letter-spacing: 0px;
		}

.adress {position: absolute; 
		top: 36px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		font-family: 'Calibri', cursive; 
		font-size: 18px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: right; 
		letter-spacing: 2px;
		}

.mainbox {position: absolute; 
		top: 130px; 
		right: 0px; 
		margin:0px; 
		padding:0px; 
		}

.maintext {font-family: 'Calibri', cursive; 
		font-size: 24px; 
		font-weight: normal; 
		color: #f2eae0; 
		text-align: justify; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.menubox { 
		font-family: 'Comfortaa', cursive; 
		font-size: 26px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: center; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.mainmenu {font-family: 'Comfortaa', cursive; 
		font-size: 26px; 
		font-weight: bold; 
		color: #f2eae0; 
		text-align: center; 
		letter-spacing: 0px;
		line-height: 1.5;
		}

.divtable {display:table; width:100%;}
.divrow {display:table-row;}
.divcell {display:table-cell;}

.footer {font-family: 'Calibri', cursive; 
		font-size: 16px; 
		font-weight: normal; 
		color: #c2bcb4; 
		text-align: center; 
		letter-spacing: 0px;
		}


h1 {position: absolute; top: 10px; left: 0px; width: 1000px; margin:0px; padding:0px; font-family: 'Comfortaa', cursive; font-size: 18px; font-weight: normal; color: #aaaaaa; text-align: left; letter-spacing: 10px;}

}