@import url('https://fonts.googleapis.com/css?family=Noto+Sans&subset=cyrillic-ext');

* {margin: 0; padding: 0;}
html, body  {height:100%; min-width:300px; width:100%; min-height:100%;}
body {position: relative; background:#fff url('../images/bg.jpg') no-repeat 50% 50%; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; font:18px/1.3em 'Noto Sans', sans-serif; color:#000; box-sizing:border-box;}
div, span, applet, object, iframe, input, textarea, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {border:none; outline:none !important; vertical-align:baseline; background-color:transparent;}
img {vertical-align:top;}
form  {display:inline;}
fieldset  {border:none;}
legend  {display:none;}
table {border:0; border-collapse:collapse; border-spacing:0; empty-cells:show; font-size:100%;}
caption,th,td {vertical-align:top; text-align:left; font-weight:normal;}
address {font-style:normal} 
address {font-style:normal} 
cite {font-style:normal;}
q, blockquote {quotes:none;}
q:before, q:after {content:'';}
small,big {font-size:1em;}
ul,ol {list-style:none; margin:0; padding:0;}

*::selection {background: #DE7008; color:#fff}
*::-moz-selection {background: #DE7008; color:#fff}

/* Text ================================================================================= */
.main {display: flex; flex-wrap: nowrap; flex-direction: column; justify-content: center; align-items: stretch;}
.welcome {background:rgba(255,255,255,0.8); padding:100px 30px; width:100%; box-sizing:border-box;}
.welcome .wrapper {display:block; max-width:1220px; position:relative; margin:0 auto; min-width:300px; box-sizing:border-box; text-align:center; }
.welcome .wrapper .logo {display:block; height:216px; width:300px; position:relative; padding:0; margin:0 auto; box-sizing:border-box; background:transparent url('../images/logo.svg') no-repeat 50% 50%; text-indent:-9999px; text-align:left; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;}
.welcome .wrapper p.title {margin:30px 0 0; font:20px 'Noto Sans', sans-serif;}
.welcome .wrapper p.address {margin:50px 0 0; padding:55px 0 0; background:transparent url('../images/map.svg') no-repeat 50% 0; background-size:30px auto;}
.welcome .wrapper p.address-aya {margin:20px 0 0; font:14px 'Noto Sans', sans-serif;}
.welcome .wrapper p.address-aya span {color:#DE7008;}
.welcome .wrapper p.phone {margin:30px 0 0; font:30px/30px 'Noto Sans', sans-serif; height:30px;}
.welcome .wrapper p.phone a {text-decoration:none; color:#000; height:36px; font:30px/30px 'Noto Sans', sans-serif; display:inline-block; position:relative; padding:0 0 0 40px; box-sizing:border-box;}
.welcome .wrapper p.phone a:before {content:""; display:block; position:absolute; left:0; top:0; width:30px; height:30px; line-height:20px; background:transparent url('../images/phone.svg') no-repeat 50% 50%; background-size:30px auto; margin:0 5px 0 0;}
.welcome .wrapper p.mail {margin:30px 0 0; font:20px/24px 'Noto Sans', sans-serif; height:24px;}
.welcome .wrapper p.mail a {text-decoration:none; color:#000; height:24px; font:20px/24px 'Noto Sans', sans-serif; display:inline-block; position:relative; padding:0 0 0 33px; box-sizing:border-box;}
.welcome .wrapper p.mail a:before {content:""; display:block; position:absolute; left:0; top:0; width:24px; height:24px; line-height:24px; background:transparent url('../images/mail.svg') no-repeat 50% 50%; background-size:24px auto; margin:0 5px 0 0;}

@media only screen and (max-width : 1280px) {
	.welcome {padding:70px 30px;}
}

@media only screen and (max-width : 640px) {
	.welcome {padding:30px 10px;}
	.welcome .wrapper .logo {height:108px; width:150px;}
	.welcome .wrapper p.address {font:14px/1.3em 'Noto Sans', sans-serif;}
	.welcome .wrapper p.phone {font:30px/30px 'Noto Sans', sans-serif;}	
}