:root {
	/* --ast-global-color-0: #dcb676; */
	--ast-global-color-1: #e6d0a6;
	/* --ast-global-color-1: #d2502a; */
	/* --ast-global-color-2: #446964; */
	/* --ast-global-color-2: #e6d0a6; */
	--ast-global-color-2: #d2502a;
	/* --ast-global-color-3: rgba(77,66,58,0.76); */
	/* --ast-global-color-4: #e6d0a6; */
	--ast-global-color-4: #446964;
	/* --ast-global-color-5: #ffffff; */
	/* --ast-global-color-6: rgba(77,65,57,0.11); */
	/* --ast-global-color-7: #424242; */
	/* --ast-global-color-8: #d6c7c7; */
	/* --ast-global-color-1: #e0684b; */
	/* --ast-global-color-2: #477f80; */
	/* --ast-global-color-4: #fdedcf; */
  }

body{
	margin: 0;
	padding:0;
	/*background-color: #e6ebe9;*/
	background-color: var(--ast-global-color-4);
	color: var(--ast-global-color-2);
}
.brown{
	/* color:#632C55; */
}
.regular{
	/* font-weight:normal; */
	/* font-size:2em; */
	/* opacity:0.73; */
	margin:-6vh 0 1.5vh 0;
	display: block;
    /* font-family: "Playfair Display", serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal; */
    /* font: 1.8em/2em "Gulax", cursive; */
    font: 1.4vw/1.6vw "Karrik", cursive;
    /* font-weight: 400; */
    /* font-style: normal; */
	letter-spacing: 2px;
	color: var(--ast-global-color-1);
    text-align: right;
    padding: 0 50% 0 0;
}
a,
a:hover, 
a:active{ 
	outline: none; 
}
.container{
	margin:4% 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%; */
}
.top img{
	position:relative;
	width:38%;
	/* max-width: 460px; */
	max-width: 620px;
	max-height: 658px;
	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: 1em/1.2em "Playfair Display", serif;
	/* letter-spacing:1px;  */
	/* color:#FFFFFF; */
	/* font-weight:500; */
	margin-top:0px;
    /* font-family: "Playfair Display", serif; */
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
	text-align: center;
}
.notice a{
	color: var(--ast-global-color-2);
	text-decoration:none;
	font-weight:normal;
}
.notice a:hover{
	color: var(--ast-global-color-1);
}

.filet{
	/* font: 18px/20px 'Tenso',Arial,Helvetica,sans-serif; */
	font-size: 18px;
	/* font-weight:500; */
	/* 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:0px; 
	/* color:#632C55; */
}

/* out */
.filet.out{
	/* font: 18px/21px 'Tenso',Arial,Helvetica,sans-serif; 
	text-transform:uppercase;
	font-weight:500; */
}

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

/* RSX */

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

.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;
}
.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;
	position: fixed;
	background-repeat: no-repeat;
	/* background-position: center -30vH; */
	/* background-size: cover; */
	/* background-attachment: fixed; */
	/* mix-blend-mode: normal; */
	/* background-image: url(../img/bg-02.png); */
	/* background-clip: padding-box; */
}

/* 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%; */
		width:98%;
		height:auto;
		max-width: 400px;
		max-height: unset;
	}
	.regular{
		/* margin: 0 0 5vh 0; */
        margin: -12px 0 5vh 0;
        font-size: 16px;
        letter-spacing: 1.4px;
        padding: 0 40% 0 0;
	}
	.notice{
		/* font: 20px/28px 'Tenso',Arial,Helvetica,sans-serif;  */
		/* 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;
	}
	.container{
		margin-top: 10%;
	}
	/*.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;
	}*/
	.filet{
		font-size: 16px;
	}
}