:root {
    --white: #ffffff;
    --black: #19171B;
    --purple: #1C1028;
    --orange: #CE6862;
}
body{
	margin: 0;
	padding:0;
	/*background-color: #e6ebe9;*/
	background-color: var(--white);
}
.regular{
	font-weight:normal;
	/* font-size:22px; */
	/* opacity:0.73; */
	margin:1vh 0 1.5vh 0;
	display: block;
}
a,
a:hover, 
a:active{ 
	outline: none; 
}
.container{
	margin:0 auto 5% auto; 
	text-align:left; 
	/* height:80%;  */
	width:100%;
	position:absolute;
}
/* .container.out{
	margin:auto; 
	text-align:left; 
	height:60%; 
	width:604px;
} */
.content{
	position:relative; 
	text-align:center; 
	width:100%; 
	height:100%;
	top:0px;	
	left:0px; 
	z-index:100;
}
.top{
	text-align: center; 
	margin:0;
	top:0;
	position:relative;
	/* height:68%; */
	/* height:48%; */
	width:100%;
	/* display:table; */
	/* padding:0 4% 0 4%; */
	display: flex;
	flex-direction: column;
	/* flex-wrap: nowrap; */
	/* flex-wrap: wrap; */
	/* justify-content:space-around; */
	background-color: var(--white);
}
.top img{
	position:relative;
	width:80%;
	margin-top: 5%;
	/* max-width: 460px; */
	/* max-width: 512px;
	max-height: 255px; */
	max-width: calc(504px / 2.5);
	max-height:calc(400px / 2.5);
	height: auto; 
	border:0px;	
}
img.min{
	visibility:hidden;
	width: 0;
	height: 0;	
}
.top a:first-child{
	display:table-cell;
	vertical-align:bottom;
	text-align:center; 
	/* text-align:left; */
}
/* maintenance */
.notice{
	text-transform:none;
	font: 18px/26px 'Helvetica',Arial,Helvetica,sans-serif; 
	letter-spacing:1px; 
	color: var(--white);
	font-weight:500;
	margin-top:26px;
	margin-bottom: 0;
}
.notice a{
	color: var(--black);;
	text-decoration:none;
	font-weight:normal;
}
.notice a:hover{
	color: var(--black);;
}
#about .org{
	font: 22px/26px 'Helvetica',Arial,Helvetica,sans-serif; 
	letter-spacing:1px; 
	color: var(--black);;
	font-weight:500;
	margin-top:12px;
	margin-bottom:26px;
}
#contacts{
	margin-top:26px;
}
.filet{
	font: 14px/18px 'Helvetica',Arial,Helvetica,sans-serif;
	font-weight:normal;
	/* text-transform:uppercase; */
	position:relative;
	text-align:center; 
	/* text-align:left; */
	width:92%;
	padding:0 4% 0 4%;
	top:0px;
	left:0px; 
	z-index:300; 
	letter-spacing:1px; 
	color: var(--white);
}
.filet a{
	text-decoration: none;
	color: var(--white);
}
.interact{
	font-weight: 500;
	/* text-transform: uppercase; */
	font-size: 20px;
	line-height: 48px;
}
.ttl.rsx,
.locality-title{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 48px;
}
/* out */
.filet.out{
	font: 18px/21px 'Helvetica',Arial,Helvetica,sans-serif; 
	text-transform:uppercase;
	font-weight:500;
}

/*img{
	pointer-events:none;
}*/

/* RSX */

.org.locality{
	display: flex;
	flex-direction: row;
	/* flex-wrap: nowrap; */
	flex-wrap: wrap;
	justify-content:space-around;
	margin: 26px 6% 0 6%;
}
.org.locatity p{
	/* display: flex; */
}

div.rsx {
    height: 30px;
    left: 50%;
    margin-left: -170px;
    margin-top: 16px;
    margin-bottom: 98px;
	max-width: 340px;
	position: relative;
    width: 60%;
}

.icon_font::before {
	font-family: 'FontAwesome';
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
}
.sharelink .twitter::before {
	content: "\e61b";
	font-size: 22px;
}
.sharelink .linkedin::before {
	content: "\f08c";
	font-size: 22px;
}

.rsx img, 
.rsx .link, 
.rsx .link img, 
.contact img, 
.contact .link, 
.contact .link img {
    border: medium none;
    display: block;
    float: left;
    height: auto;
    outline: medium none;
    position: relative;
}
.sharelink{
	margin: 0 6px;
}
.contact{
	display: block;
	width: 100%;
	max-width: 512px;
	left: 50%;
	margin-left: -256px;
	position: relative;
	margin-top:26px;
}
.contact span:nth-of-type(1),
.contact span:nth-of-type(2){
	display:inline-block;
	width:50%;
	/* float:left; */
}

img.fb {
    height: auto;
    left: 4px;
    width: 22px;
	top:6px;
	z-index:10;
}
img.insta {
    height: auto;
    left: 16px;
    width: 23px;
	top:6px;
	z-index:10;
}
img.rezto {
    height: auto;
    left: 28px;
    width: 64px;
	top:0px;
	z-index:5;
}

/* background */

.background{
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	margin-top: 5%;
	position: fixed;
	background-repeat: no-repeat;
	background-position: center;
	background-color: var(--orange);
}

/* SCREEN MOBILE */

.screen{
	display:block;
}
.mobile{
	display:none;
}

@media screen and (max-width: 1000px) {
	.screen{
		display:none;
	}
	.mobile{
		display:block;
	}
	.background{
		background-size: 660px auto;
	}
	.top img{
		width:0;
		height:0;
		visibility:hidden;
	}
	.top img.min{
		visibility:visible;
		width:80%;
		height:auto;
		max-width: calc(504px / 2.8);
		max-height: unset;
		margin-top: 14%;
	}
	.regular{
		margin: 0 0 5vh 0;
	}
	#about .org{
		font-size: 20px;
		line-height: 28px;
		margin: 0 0 12px 0;
		letter-spacing: 0.4px;
	}
	.notice,
	.interact{
		font-size: 18px;
		line-height: 28px; 
	}
	.notice{
		letter-spacing:1px;
		font-weight: 500;
		display: block;
		overflow: hidden;
		height: auto;
	}
	.notice a{
		font-weight: normal;
	}
	.contact{
		width: 100%;
		max-width: unset;
		left: unset;
		margin-left: unset;
		/* margin-top:26px; */
		margin-bottom:10vh;
	}
	.contact span:nth-of-type(1),
	.contact span:nth-of-type(2){
		display:block;
		width:100%;
		float: unset;
		margin-bottom:26px;
	}
	div.rsx {
		height: unset;
		left: unset;
		margin-left: unset;
		/* margin-top: 16px; */
		/* margin-bottom: 98px; */
		max-width: unset;
		position: relative;
		width: 100%;
		margin-bottom: 28px;
	}
	#contacts {
		margin-top: 0;
	}

	.background {
		height: 20%;
		top: unset;
		bottom: 0;
		margin-bottom: 0;
		position: fixed;
	}
	.filet {
		position: relative;
		text-align: center;
		width: 100%;
		padding: 0;
		top: 0px;
		left: 0px;
		background-color: var(--orange);
		overflow: hidden;
		letter-spacing: 0.8px;
	}
	.interact {
		line-height: 52px;
		font-size: 18px;
	}
	.ttl.rsx{
		font-size: 18px;
		text-transform: none;
	}
	.locality-title {
		line-height: 36px;
	}
	/*.container,
	.container.out{
		height: auto;
		margin: 0 auto 20% auto;
		top:15%;
		width:80%;
	}
	.content{
		margin-top:15%;
	}
	.top {
		position: relative;
		top: 0;
	}	
	.top img {
		width: 100%;
		height: auto;
		max-width:300px;
	}
	.filet,
	.filet.out{
		position: relative;
		top:20px;
	}*/
}