/* 調整用スタイル */

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap');
@import url('https://fonts.cdnfonts.com/css/didot-2');

body {
		font-family: "Noto Serif JP", serif;
		font-style: normal;
		line-height: 1.8;
		letter-spacing: 0.3rem;
		background-color: #000;
		color: #fff;
	  font-size: 1.6rem;
    }
.w200 {
    font-weight: 200;
}
.w300 {
    font-weight: 300;
}
.w400 {
    font-weight: 400;
}
.w500 {
    font-weight: 500;
}
.w600 {
    font-weight: 600;
}
.w700 {
    font-weight: 700;
}
.w900 {
    font-weight: 900;
}
.en{
font-family: 'Didot', sans-serif;
/*font-family: 'Didot Title', sans-serif;*/
}
html { font-size: 62.5%;}
a { text-decoration: none;}
ul,li { list-style: none;}
main {width: 100%;
background: #000;}


/*共通*/
.red{	color: #fc000a;}
.text-center{	text-align: center;}

h2 span.ja{  display: inline-block;
  border-bottom: 1px solid #fc000a;
	font-size: 2.5rem;
  padding-bottom: 0.5rem;	}

h2 span.en{	display: block;
	font-size: 9rem;}

h3{	font-size: 3.5rem;
	letter-spacing: 0.5rem;
margin-bottom: 2%;}

/*ページ内リンク位置*/
#about , #lunch,#food,#drink,#wine,#info {
    padding-top:3rem;
    margin-top: -3rem;
}

@media screen and (min-width: 768px) {
	.pc{display: block;}
	.sp{display: none;}
}
@media screen and (max-width: 768px) {
	.pc{display: none;}
	.sp{display: block;}
}
/* ヘッダー */
.header {
  width: 100%;
  height: 100px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
	background:rgba(0,0,0,0.50);
	}

.header__inner {
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  position: relative;
	max-width:1260px;
	margin: 0 auto;
}


/*pc*/
@media screen and (min-width: 768px) {

/* ヘッダー */
.header__title img {
	margin-top: 3%;
  width: 8rem;
	height: auto;
}
	.header__nav .btn-area{
	display: none;
}
/*ナビ*/
	  .header__nav {
/*
    position: static;
    transform: initial;
*/
/*    background-color: inherit;*/
    height: inherit;
    display: flex;
    justify-content: end;
    width: 80%;
			font-size: 1.3rem;
			letter-spacing: 0.1rem;
  }
	
  .nav__items {
    width: 100%;
    display: flex;
    align-items: center;
/*    height: initial;*/
    justify-content: space-around;
  }
	  .nav-items {
    padding-top: inherit;
    padding-bottom: inherit;
  }
	.nav-items__item{
		padding:0  3% 0 0;
	}
	.nav-items__item:last-child{
		padding: 0;
	}
	  .nav-items__item a {
    margin-bottom: 0;
			color: #fff;
  }
	.nav-items__item a:hover{
		opacity: 0.8;
	}
}
/*

.nav-items {
  padding-top: 150px;
  padding-bottom: 200px;
}
*/

/*
	
	.btn{
		color: #fff;
		background: #800010;
		padding: 5%;
		position: relative;
	}	
	
	.btn span{
		padding: 1px;
		content:  url("../images/btn.png");
		width: 2rem;
		right: 3rem;
		position: absolute;
	}
	
	
	.btn:hover{
		right: 1rem;
	}	

*/
.btn-area {
	margin: 0  auto;
	display: block;
	text-align: center;
	}



.btn06{
position: relative;
text-decoration: none;
display: inline-block;
background: #800010;
color:#fff;
	padding:3% 15%;
text-align: center;
outline: none;
transition: ease .2s;
content: "" url("../images/btn.png");
font-size: 1.8rem;
}

.btn06:hover{
	background:#c90010;
}

/* 矢印が右に移動して現在地に戻る */

.btnarrow2::after{
	content:  url("../images/btn.png");
	position: absolute;
	right: 13px;
}

/*hoverした際のアニメーション*/
.btnarrow2:hover::after{
  animation: arrow .5s;
}

@keyframes arrow {
  50% {
    right: 10px;
  }
  100% {
    right: 13px;
  }
}


/*sp*/
@media screen and (max-width: 768px) {
	.header{
			background:none;
	}
	/* ヘッダーのナビ部分 */
.header__nav {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  transform: translateX(100%);
  transition: ease .4s;
	color: #000;
	background: #e3e3e3;
}
	.header__nav .btn-area{
	display: block;
}
	.nav__items{
		margin-top: 20%;
	}
	
.reserve_btn img{
		width: 80%;
	}
	

	
	
/* ナビのリンク */
.nav-items__item a {
  color: #fff;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 14px;
	letter-spacing: 1px;
  margin-bottom: 30px;
	color: #000;
	flex-wrap: nowrap;
}

.nav-items__item:last-child a {
  margin-bottom: 0;
}

/* ハンバーガーメニュー */

.header__hamburger {
  width: 48px;
  height: 100%;

}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;	
}
	
/* ハンバーガーメニューの線 */
.hamburger span {
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: relative;
  transition: ease .4s;
  display: block;
}

.hamburger span:nth-child(1) {
  top: 0;

}

.hamburger span:nth-child(2) {
  margin: 8px 0;
	
}

.hamburger span:nth-child(3) {
  top: 0;
}


/* ハンバーガーメニュークリック後のスタイル */
.header__nav.active {
  transform: translateX(0);
}

.hamburger.active span:nth-child(1) {
  top: 5px;
  transform: rotate(45deg);
	background: #000;
}

.hamburger.active span:nth-child(2) {
  opacity: 0;

}

.hamburger.active span:nth-child(3) {
  top: -13px;
  transform: rotate(-45deg);
		background: #000;
}

}


@media screen and (min-width: 768px) {
  .hamburger {
    display: none;
  }
}



@media screen and (max-width: 768px) {
	.header__title img {
		  width: 8rem;
		padding: 3% 0;
		box-sizing: border-box;
}
	
	
.header__inner {
/*
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: inherit;
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
*/
/*
	top: 0;
	left: 0;
*/
}
}

.flex-container-b{
	display:flex;
	justify-content: space-between;
}
.flex-container-c{
	display:flex;
	justify-content: center;

}
.flex-item{
	width:50%;
	padding: 0 3% 0 0;
	margin: 0;
	flex: 1;
}
.reverse{
	flex-direction: row-reverse;
}


.kv p small{
	font-size: 3.4rem;
}

.kv p.main-copy{
	-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	font-size: 4.4rem;
	letter-spacing: 1rem;
	margin: 10% 0 0 5%;
}

.kv-img{
	margin: 10% 0 0 5%;
}


.container{
	margin: auto;
}

/*sec01*/

[class^="sec"] {
 margin: 10% 0;
}




.sec01{
	max-width:  126rem;
	margin: 0 auto;
	padding: 10% 0 0;
}

.flex-container-b{
	width: 50%;
	margin: 0;

}


.item1 {
  flex-shrink: 1;
}

.item2 {
  flex-shrink: 1;
}

.kushi-img{
	width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.kushi-img li{
  position: relative;
  width: 33%; /*ここを変更すると行数を変えられる 25%の場合は４列、33%の場合は３列、32％にしている理由はli要素の間に余白が欲しかったため*/
}
.kushi-img li:before{
  content: "";
  display: block;
  padding-top: 100%;
}
.kushi-img img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
box-sizing: border-box;
	padding: 1% 0;
  object-fit: cover;
}

/*sec02*/

.slide-area{
width: 100%;
}


.food-inner{
		max-width:  120rem;
	margin: 0 auto;
}
.food-inner div{
	padding:  0 1%;
}

.menu{

	font-size:2.3rem;

}
.price{
	line-height: 2.6;
}
.food h4{
  border-bottom: 1px solid #fc000a;
			font-size:3.3rem;	
	text-align: center;
	width: 4em;
	margin-bottom:4%;
}

.food p{
	color: #bdbdbd;
	margin-bottom: 5%;
}

.food div{
	margin: 0 auto;

}

.food {
	background: url( "../images/cor_50.png")  , url( "../images/cor_51.png") ;
	background-repeat: no-repeat, no-repeat;
  background-position: left -20em bottom, right -15em top -5em;
}



/*sec03*/
.sec03{
	max-width:  126rem;
	margin: 0 auto;
}

.sec03-bg{
	width:30%;
	background-color: #fff;
	margin: 10% -5% 10% 0 ;
	opacity: .8;
	box-sizing: border-box;
	padding: 0 3% 2%;
}

.sec03-bg div{
	color: #000;
		width:100%;
	padding:0 8% 8%;
	box-sizing: border-box;
	z-index: 2;
}

.sec03 .flex-container-c{
	margin-bottom: 5%;
}
.sec03 .flex-item{
	padding:8% 4% 0;
}

.sec03 .note{
	background: #d4d0cf;
	padding: 3% 0;
	color: #000;
	width: 60%;
	margin: 10% auto;
	text-align: center;
}

.floor{
/*	width: 756px;*/
	margin:0 auto;
	text-align: center;
}

.floor img{
margin:3% auto;
}


/*sec04*/
.sec04{
	max-width:  126rem;
	margin: 10% auto 0;
	padding: 8% 0;
}

.sec04 h3 span.en{
	color: #666666;
	padding-left: 1em;
	letter-spacing: 0.2rem;
}


.sec04 .item1 img{
	width: 100%;
}

.sec04 .flex-item{
	padding: 3%;
}

/*sec05*/
.sec05{
	width: 100%;
	padding: 1rem 0;
	background-image: linear-gradient(148deg, rgba(205, 3, 3, 0.69) 32%, rgba(42, 0, 3, 1) 62%, rgba(148, 0, 13, 0.69) 87%),url( "../images/cor_40.png");
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 0;
}

 .sec05-wrapper{
	 background-image:url( "../images/cor_41.png");
	z-index: 3;
	background-repeat: no-repeat;	
}

.sec05_inner{
	max-width:  126rem;
	margin:0 auto 0;
}

.sec05 .flex-container-c{
	margin-top:0%;
}


.sec05 .flex-container-c.con1{
	margin-top:10%;
	color: #000;
}
.sec05 .flex-container-c p{
	padding: 20% 0 0 20%;
}


.sec05 .flex-container-c  .flex-item{
	padding:8% 0 0;
	box-sizing: border-box;
/*flex:1;*/
}

.sec05 .flex-container-c  .flex-item .cheval{

}

.sec05 .flex-container-c .makers{
text-align: center;
}
.makers img{
	height: 38rem;
	flex: 1;
	margin:auto; 

}
.sec05 img{
max-width: 100%;
height: auto;
}




.sec05 .flex-item span{
	display: block;
}

.sec05 .flex-container-c.con3{
		margin-top:10%;
}

/*sec06*/
.sec06{
	background-color: #e3e3e3;
	color: #000;
	padding: 10%;
	margin: 0 auto;
/*	width: 100%;*/
}

.sec06-inner{
		max-width:  126rem;
		margin: 0 auto 5%;
}

/*
.sec06 p{
	padding: 2% 0 5%; 
}
*/

	.sec06 a:hover{
		opacity: 0.8;
	}

/*sec07*/
.sec07{
	margin:0 auto ;
	padding:15% 0!important;
	background: url( "../images/cor_52.png")  , url( "../images/cor_53.png") , url( "../images/cor_54.png") , url( "../images/cor_55.png") , url( "../images/cor_56.png") ;
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:
	left top 5em, 
	right top 40em, 
	left -10em top 70em, 
	right -10em bottom 30em,
	left bottom 5em;
}

.sec07-inner{
	max-width: 75rem;
	margin: 5% auto;
}

.sec07 span.ja{
	font-size: 1.6rem;
	display: block;
	font-weight: 200;
}

dl{
		display: flex;
		flex-wrap: wrap;
		margin: 8% auto 0;
}

dt{
    width: 18%;
/*	margin-bottom: 4%;*/
}

dd{
    width:82%;
		margin-bottom: 3%;
}

dd a{
	color: #fff;
	text-decoration: underline;
}

 .info-other h3 span{
	font-size:3.3rem;	
	display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;	
	margin:10% auto 5%;
}

.info-other ul{
	padding:  0 0 5%;
	flex-wrap: wrap;
}

.info-other a:hover{
	opacity: 0.8;
}

.info-other ul li img{
	width: 90%;
/*	height: 100px;*/

}


.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
	text-align: center;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}


/*sec08*/

	.button{
		  transition: .3s;
		  opacity: 0;
  visibility: hidden;
	}
	/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

.sec08{
	position: relative;
	z-index: 2;
	margin: 0;
}

.sec08 ul{
		display: flex;
		flex-direction: column;
		position: fixed;
		bottom: 3%;
		right:  0;
		width: 10rem;
}

.sec08 ul li{
	font-size: 1.3rem;
	letter-spacing: 0.1rem;
	padding: 4% 2%; 
	flex-direction: row;
	display: block;
	background-color: #840e15;

}
.sec08 ul li img{
	display: block;
	margin:5% auto 5%;

}

.sec08 ul  a:link, .sec08 ul  a:visited{
		color: #fff;
}

.sec08 ul  a li:hover{
		color: #fff;
		background-color: #c90010;
}

/*footer*/
.footer{
	color: #000;
	background: #e3e3e3;
	padding:6% 0 6%;
		position: relative;
}
.footer-inner{

}


.f-logo{
	width:12%;
	margin:0 0 2%;
}
.sns img{
		width:3rem;
	display: block;

}

.sns img:nth-child(1){
	padding: 1rem;
}

.sns img:nth-child(2){
	padding: 1rem;
}

.sns a:hover{
	opacity: 0.8
}

.copy{
	position: absolute;
	font-size: 1.2rem;
	letter-spacing: 0.1rem;
	bottom: 1%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}


/*ここからsp*/
@media screen and (max-width: 768px) {
	body{
				letter-spacing: 0.18rem;
	}
	h2 span.ja{
		font-size: 1.6rem;
	}
	
.flex-container-c{
	width: 100%;
	margin: 0;
	flex-direction:column;
	}
	

.flex-container-b{
	width: 100%;
	margin: 0;
/*	flex-direction:column;*/
	}
	
	.flex-item{
		width: 100%;
			padding: 0 3%;
	}

	
.flex-container-c .item2{
flex-direction: row;
}
	
		h2{
		text-align: center;
		
	}
	
	h2 span.en {
  display: block;
  font-size: 4.5rem;
		text-align: center;
}
	
 h3{
		  font-size: 2.4rem;
				text-align: center;
	}
	
		.logo-header{
			transition: .3s;
			opacity: 1;
			  visibility: visible;

	}
	/*このクラスが付与されると表示する*/
.off{
  opacity: 0;
			visibility: hidden;
}


.btn06{
padding:6% 15%;
font-size: 1.6rem;
	margin-bottom: 10%;
}

.btn06:hover{
	background:#c90010;
}
	
.btnarrow2::after{
	content:  url("../images/btn.png") 15%;
	position: absolute;
	right: 10px;
}

/*sec01*/
[class^="sec"] {
 margin: 10% 0;
width: 100%;
box-sizing: border-box;
}

	[class^="sec"] img{
width: 100%;
}

	
/*	kv sp*/
.kv p.main-copy{
	font-size: 2.8rem;
	margin:10% auto 0;
}

.kv p.kv-img{
	margin: 0 0 10%;
}

	.kv-img{
		padding-bottom: 10%;
		align-items: center;
		margin: auto;
		width: 100%;
	}
	.kv-img img{
		width: 100%;
		align-items: center;
	}

	.kv p small{
	font-size: 2rem;
}
	
/*sec01*/
.sec01{
	max-width:  100%;
	width: 100%;
	margin:0 auto 0;
	padding:0;
}
	
.sec01 .flex-item .kushi-img img{
max-width: 100%;
height: auto;
	padding: 0;
	margin: 0;
}

	.flex-item{
		width: 100%;
		padding: 0;
		margin: 0;
	}
	
/*sec02*/
	.text-con{
		padding: 0 4%;
		margin: 0 0 10%;
		text-align: left;
		box-sizing: border-box;
	}
	
.food h4{
		font-size:2.2rem;	
  border-bottom: 1px solid #fc000a;
  padding-bottom: 0.5rem;	
	margin: 0 auto 5%;
	text-align: center;
}
	
	.food-inner{
				padding: 0 4%;
				box-sizing: border-box;
	}
	.food {
	background-position: left -4em bottom,right -8em top;
	background-size: 90%;
	padding-bottom: 3%;
}


	
	
	/*sec03*/
	.sec03 .flex-item {
  padding: 0;
}
	.sec03 .sec03-bg h2 span.en{
		text-align: left;
	}
	.sec03 .seat-ttl2 h3{
		margin:70% 0 0;
		text-align: left;
		padding: 0 4%;
		box-sizing: border-box;
	}
	
	.sec03 .seat-ttl3 h3{
		margin:80% 0 0;
		text-align: left;
		padding: 0 4%;
		box-sizing: border-box;
	}
	
	.sec03 .seat-ttl4 h3{
		margin:40% 0 0;
		text-align: left;
		padding: 0 4%;
		box-sizing: border-box;
	}
	
	.sec03 .flex-container-c.seat-ttl{
/*		flex-direction: row;*/
		background-image: url("../images/cor_26.png");
/*
		width: 100%;
	  object-fit: cover;
*/
	}

	.seat-ttl2{
			background-image: url("../images/cor_25.png");
			background-repeat: no-repeat;
			background-size:contain;
	}
	
	.seat-ttl3{
				background-image: url("../images/cor_24.png");
		background-repeat: no-repeat;
/*  background-position: right 10% top 20% ,center; */
		background-size:contain;

	}
	
	.seat-ttl4{
				background-image: url("../images/cor_23.png");
		background-repeat: no-repeat;
/*  background-position: right 10% top 20% ,center; */
		background-size:contain;
	}
	
	.sec03 .flex-container-c p{
		margin-bottom: 9%;
		padding: 0 4%;
		box-sizing: border-box;
	}

.sec03-bg{
	width:75%;
	padding: 0 2% 8% ;
	margin: 20% 0;
	}
	
	.sec03 .note{
		width: 100%;
	}
	.floor img{
		text-align: center;
	}
	.floor{
				padding: 0 4%;
		text-align: left;
	}
		/*sec04*/
.sec04{
	max-width: 100%;
	margin: 10% auto 0;
}

.sec04 .item1 img{
	width: 100%;
}
.sec04 .flex-item{
	padding: 0%;
}
	.sec04 .flex-item.prof{
		padding:0 4%;
	box-sizing: border-box;
			}
	
	.sec04 .prof2{
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
	}
	.sec04 .prof2  dt{
		width:20%;

	}

	.sec04 .prof2  dd{
		width: 80%;
	}

	.sec04 h3 {
		text-align: left;
	}
.sec04 h3 span.en{
	font-size: 1.8rem;
}

	
/*sec05*/
.sec05{
	width: 100%;
	padding: 1rem 0;
	background-image: linear-gradient(148deg, rgba(205, 3, 3, 0.59) 32%, rgba(42, 0, 3, 1) 62%, rgba(148, 0, 13, 0.69) 87%),url( "../images/cor_40_sp.png");
	background-size: 100%;
	background-repeat: no-repeat;
	margin-bottom: 0;
}
	
	 .sec05-wrapper{
	 background-image:url( "../images/cor_41_sp.png");
	z-index: 3;
	background-repeat: no-repeat;	
}
	
.sec05_inner{
	max-width: 100%;
	margin: 10% auto 0;
}
	
	.sec05 p{
		text-align: left;
		padding: 0 2%;
	}	
	
	.sec05 .flex-container-c p {
  padding:0 10%;
}

	
	.sec05 .flex-container-c img{
 width: 80%;
	margin: auto;
}
.sec05 .flex-container-c{
	margin-top:0%;
	flex-direction: column-reverse;
}

/*
	.sec05 .flex-container-c.con2 .flex-item{
			flex-direction: row;
	}
*/
	
.sec05 .flex-container-c.con1{
	margin-top:10%;
	color: #000;
}

	
/*sec06*/
	.sec06{
		margin: 0;
		padding:5% 0;
	}
.sec06-inner{
	text-align: left;
	max-width:  100%;
	padding: 0 8%;
	box-sizing: border-box;
}

	
/*sec07*/
.sec07{
	margin:0 auto ;
		background-position:
	left -5em top 5em, 
	right -8em  top 45em, 
	left -5em  top 75em, 
	right -5em bottom 35em,
	left -5em bottom 2em;
	background-size:80%;
}
	
	.sec07 h2{
		line-height: 1;
	}

.sec07 span.ja{
	font-size: 1.3rem;
	display: block;
	font-weight: 200;
}

.shopname{
		padding:0 6%;
		box-sizing: border-box;
	}

dt{
    width:25%;
/*	margin-bottom: 4%;*/
}

dd{
    width:75%;
		margin-bottom: 5%;
}
	
	
	
 .shopname h3{
	 text-align:left;
	 
}
.info-other .flex-item{
		margin: 3% auto;
		text-align: center;
		width:80%;
	}

	
/*	sec08*/
	.sec08{
		margin: 0;
	}
	
	
.sec08 ul{
	flex-direction: row;
	position: fixed;
	bottom:0;
	right:  0;
	width: 100%;
	background-color: #840e15;
	justify-content:space-around;
	padding: 0;
	margin: 0;
	align-items: stretch;
}

.sec08 ul li{
	width:25%;

	background-color: #840e15;
	width: 100%;
/*	align-items:  stretch;*/
	text-align: center;
	padding: 5% 0 0
}
/*
	.sec08 ul li img{
	width: 100%;
	box-sizing: border-box;
	vertical-align: bottom;

	}
*/
	
	.fixbt li img{
		width: 4rem;
		height: 4rem;
		padding: 5%;
		box-sizing: border-box;
	}
	.sec08 ul li span{
		width: 100%;
		display: block;
		text-align: center;
		margin: auto;
	}
	.sec08 ul li a{
		display: block;
		padding: 0;
/*		margin: 0 auto;*/

	}

.sec08 ul  a:link, .sec08 ul  a:visited{
		color: #fff;

}

.sec08 ul  a li:hover{
		color: #fff;
		background-color: #800010;
	}
	

	
/*footer*/
.footer{
	color: #000;
	background: #e3e3e3;
	padding:10% 0 26%;
		position: relative;
}
.footer-inner{

}
.f-logo{
	width:40%;
	margin:0 0 2%;
}
/*
.sns img{
	margin:10% 5%;
	width:10%;
	padding-bottom: 10%;
	display: block;
}
	
	.sns a :hover{
opacity: 0.8;
	}
	
*/
.sns img{
		width:3rem;
	display: block;
	margin:50% 0 50%;

}

.sns img:nth-child(1){
	padding: 1rem;
}

.sns img:nth-child(2){
	padding: 1rem;
}

.sns a:hover{
	opacity: 0.8
}	
	

.flex-container-c.sns{
	flex-direction: row;
}
.copy{
		position: absolute;
		font-size:1rem;
		letter-spacing: 0.1rem;
		bottom: 0%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		margin-top:30%;
		padding-bottom: 15%;
	width: 100%;
}


}

@media (min-width: 768px) and (max-width: 1260px) {
	  .header__nav {
		height: inherit;
		display: flex;
		justify-content: end;
		width: 100%;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		max-width: 100%;
  }

	
	.nav__items {
    justify-content: flex-end;
  }
}