html{height:100%}
body{background:#1b1b1b;font-family: Oswald;width:100%;padding: 0;margin: 0;font-size:0px;color:#d6d6d6;background-image:url(texture2.png)}
h1,h2{margin: 0}
h1{font-size: 26px;font-weight:400; color: #fecc00}
h2{font-size: 22px;font-weight:400; color: #fecc00}
iframe{filter: invert(90%) hue-rotate(200deg) grayscale(50%) contrast(110%)}
a{color:#fecc00;text-decoration:none}
a:hover{color:#d6d6d6 !important}
.rightlink{float: right;margin-right: 20px}
.whitelink{color:#d6d6d6}
.whitelink:hover{text-decoration:underline}
.menu{width: calc(100% - 240px);margin:auto;padding-top: 14px}
.menu a{display:inline-block; font-size: 20px; text-transform: uppercase; margin-left: 20px}
.outlogo{background: rgba(245,250,255,0.3);background: linear-gradient(45deg, rgba(255,255,255,0.1) 0%, rgba(218,218,218,0.4) 78%, rgba(56,56,56,1) 78%, rgba(0,0,0,0) 100%);height: 200px; border-bottom: 1px solid #fecc00}
.logo{height: auto;padding-top: 20px;margin-left: auto;margin-right: auto;width: 300px;display: block}
.space{height:300px}
.header{height: 855px;background-image:url('back.png');background-size:cover;background-position:center}
.contacts{font-size:30px;padding-top: 70px}
.contacts b{color: #fecc00}
.text{background-image: url(texture.png);padding-bottom:80px}
.about{font-size:18px; width:calc(100% - 280px);margin:auto; padding-top: 80px; font-weight:100;}
.contacts{display:inline-block; vertical-align: top; width: 60%}
.enter{display:inline-block; vertical-align: top; width: 40%}
.photos img{width: 16.66%;display: inline-block;height: 300px;object-fit: cover}
.photos img:hover{opacity: 0.8}
.adress, .phone, .instagram{margin-top: 20px;margin-left: 140px;padding-left: 60px; background-size:contain; background-repeat:no-repeat}
.adress{background-image:url('adress.png');background-size: 46px}
.adress2{background-image:url('')}
.phone{background-image:url('phone.png');background-size: 40px;background-position-y: 3px}
.instagram{background-image:url('inst.png');background-size: 38px;background-position-y: 3px}
.textphoto1{float: right;width: 500px;margin-left: 50px;margin-bottom:50px}
.textphoto2{float: left;width: 500px;margin-right: 50px}
.indent{margin-bottom: 80px}
.clearboth{clear:both}
.textphoto0{display:none}
.opening b{display:block;text-align:center;font-size:60px}
.opening p{font-size:30px;text-align:center}

@media screen and (max-width: 1550px) {
	.header {height: 670px}
	.space {height: 200px}
	.contacts { font-size: 25px}
	.adress {background-size: 38px}
	.phone{background-size: 35px}
	.instagram{background-size: 32px}
}

@media screen and (max-width: 1260px) {
	.menu {width: calc(100% - 100px)}
	.adress, .phone, .instagram {margin-left: 60px}
	.about {width: calc(100% - 120px)}
}

@media screen and (max-width: 1050px) {
	
	.contacts {width:100%; padding-bottom: 60px;padding-top: 60px}
	.enter {width:100%}
	.photos img {width: 33.33%}
	.textphoto1{display:none}
}

@media screen and (max-width: 860px) {
	.textphoto2{float:none;margin-bottom: 50px;width:100%;margin-left:auto;margin-right:auto}
	.textphoto0{display:block}
	.header {height: 470px}
	.outlogo{height: 130px}
	.space {height: 130px}
	.logo{padding-top: 16px;width: 200px}
	.photos img {width:50%}
	.adress, .phone, .instagram {padding-left: 50px;margin-left: 20px}
	.contacts {font-size: 20px}
	.adress {background-size: 30px}
	.phone {background-size: 28px}
	.instagram {background-size: 26px}
	.menu a {font-size:17px}
	.indent {margin-bottom: 50px}
	.opening b{display:block;text-align:center;font-size:50px}
	.opening p{font-size:30px;text-align:center}
}

@media screen and (max-width: 680px) {
	.menu {width: calc(100% - 0px)}
	.adress, .phone, .instagram {margin-left: 20px}
	.about {width: calc(100% - 40px)}
	.opening b{display:block;text-align:center;font-size:40px}
	.opening p{font-size:26px;text-align:center}
}