@charset "utf-8";
/*
        Михаил Бабидов
        skype: compo_life
*/

@import url('https://fonts.googleapis.com/css?family=Cormorant:300,300i,400,400i,600,600i,700,700i&subset=cyrillic');

*       {box-sizing: border-box; margin: 0;}
*:focus {outline: none;}
input,a {font-size: 100%; font: inherit; background: none; border: none;}
img     {max-width: 100%;height: auto;}
* + p   {margin-top: 15px;}
.left   {text-align: left;}
.right  {text-align: right;}
.center {text-align: center;}
.just   {text-align: justify;}
.under  {text-decoration: underline;}
.tourch {text-decoration: line-through;}
.fw300  {font-weight: 300;}
.fw400  {font-weight: 400;}
.fw600  {font-weight: 600;}
.fw700  {font-weight: 700;}
.top10  {margin-top: 10px;}
.top20  {margin-top: 20px;}
.top30  {margin-top: 30px;}
.top40  {margin-top: 40px;}
.row.middle [class*="span"],
.middle       {vertical-align: middle;}
.row.bottom [class*="span"],
.bottom       {vertical-align: bottom;}
.big, big     {font-size: 1.3em;}
.small, small {font-size: 0.85em;}

.row                     {text-align: center; list-style: none; padding: 0;}
.row [class*="span"]     {display: inline-block; min-height: 1px; width: 100%; vertical-align: top;}
@media screen and (min-width: 720px) {
	.span2               {max-width: calc(50% - 0.3em);}
	.span3               {max-width: calc(33.333% - 0.2em);}
	.span3full           {max-width: calc(66.666% - 0.2em);}
	.span4               {max-width: calc(25% - 0.2em);}
}
@media screen and (min-width: 720px) {
	.row [class*="span"] {text-align: center;}
}

body {
	max-width: 1920px;
	margin: 0 auto;
	background-image: url(../img/bg.jpg);
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	font-family: 'Cormorant', serif;
	font-size: 26px;
	/*font-weight: 600;*/
}
[class^="scr"] {
	/*padding: 40px 10px;*/
	background-color: rgba(255,255,255,0.20);
}
.wrap {
	margin: 0 auto;
	width: 100%;
	max-width: 940px;
	background-color: rgba(240,226,210,0.78);
	background-image: url(../img/paper.jpg);
	background-size: 100% auto;
	border: 5px solid #54442B;
	border-top: none;
	border-bottom: none;
	box-shadow: 0 0 20px #FFC600, inset 0 0 20px #000000;
}
.content {
	padding: 20px 30px;
}
.scr1 {
	padding: 30px 0 0;
	color: #A21D20;
}
.scr1 .title {
	text-align: center;
	font-size: 2.5em;
	font-weight: 700;
	text-shadow: 0 2px 3px rgba(0,0,0,0.28);
}

@media screen and (max-width: 920px) {

}