@charset "utf-8";
/* CSS Document */
section{
	max-height: none;
	height: auto;
}
#sctn03,#sctn04,#sctn05,#sctn06,#sctn07,#sctn08{
	    background-size: auto 100%; 	
    background-position: center center;
	background-attachment: scroll;
}
#sctn06 div, #sctn07 div, #sctn08 div{
	width: 100%;
	padding: 20px;
}
header {
	top: 15px;
}

#menu-trigger{
	left: 10px;
}
#menu:checked ~ nav{
	left: 10px;
}
#logo{
	right: 10px;
}
.title-area{
	display: flex;
    height: 100vh;
    align-items: center;
}
#sectn01{    background: rgba(0,0,0,0.7);} 
#sctn01 h1{
	font-size:  2.5rem;
	top: 0;
}
#sctn01 h1 span{
	font-size: 2.0rem
}
#sctn02{
	height: 35vh;
	padding: 30px 20px;
}
#sctn02 h2{
	font-size: 2.0rem
}
#sctn03 h2::after, #sctn04 h2::after, #sctn05 h2::after, #sctn06 h2::after, #sctn07 h2::after{
	    top: 0;
}
#sctn03 h2, #sctn04 h2, #sctn05 h2{
	margin-left: 0;
}
.prev-arrow,.next-arrow{
	display: none !important;
}
.slide-item{
	padding: 0
}
.slide-item p,.slide-item h3{
	padding: 0 20px;
}
.slide-item h3,h3{
	font-size: 2.4rem	
}
.r-more{
	margin: 0 auto
}
#sctn06 h2, #sctn07 h2{
	margin-left: -20px;
}
#sctn08{
	    background: url(../images/back7.jpg) no-repeat;
	height: auto
}

#sctn08 a span{
	font-size: 3.5rem;
}
#sctn08 img{
    width: 310px;
    margin: 0 auto;
}
footer{
	left: 10px;
	bottom: 10px;
	width: 20px;
}
footer a img{
	width: 20px;
	opacity: 0.7
}
footer a.fb,footer a.yt{
	margin-bottom: 20px;
}