@charset "utf-8";


/******************************
 *          Default
 ******************************/


@media (max-width:2170px){
  	/**** content header ***/
	.cgallery-overlay { left:0; right:0; }
	.cgallery-overlay .overlay-text { left:100px; }
}


@media (max-width:1500px){
	.cgallery-overlay .overlay-text { display:flex; left:50px; top:50%; width:400px; height:400px; padding:80px 50px 70px 50px; justify-content:center; align-items:center; }
	.cgallery-overlay .overlay-text .textblock { position:static; padding:0; transform:translate(0,0); }
	.cgallery-overlay .overlay-text p { font-size:25px; line-height:30px; }
	.cgallery-overlay .overlay-text p:before,
	.cgallery-overlay .overlay-text p:after { font-size:25px; }
}

@media (max-width:1365px){
	/*** Header ***/
	#dssubbody { padding-top:130px; }
	#siteheader { min-height:130px; }
	#logo-wrapper { width:200px; }

}

@media (max-width:1023px){
	#dscontentheader:after { display:none; }
	.cgallery-overlay .overlay-text { top:60%; }
}


@media (max-width:767px){
	/*** gallery ***/
	.cgallery.slide .flickity-wrapper { height:280px; }
	.cgallery-overlay .page-dots button { height:15px; width:15px; padding:0; box-sizing:border-box; }

	.cgallery-overlay .overlay-text { left:50px; top:50%; width:250px; height:250px; padding:40px; }
	.cgallery-overlay .overlay-text h3 { margin-bottom:5px; font-size:21px; line-height:23px; }
	.cgallery-overlay .overlay-text p { font-size:17px; line-height:23px; }
	.cgallery-overlay .overlay-text p:before,
	.cgallery-overlay .overlay-text p:after { font-size:18px; }
}

@media (min-width:667px){
	#nav { display:block !important; }
}

@media (max-width:666px){
	/*** Menutrigger ***/
	#menutrigger { display:block; z-index:2; float:right; margin:20px 15px 0 0; width:40px; height:50px; line-height:50px; transition:background-color 0.4s; overflow:hidden; z-index:2; }
	#menutrigger span { position:absolute; left:0; width:40px; height:4px; background-color:#87a3a2; border-radius:5px; transition:all 0.4s; }
	#menutrigger span.line1 { top:6px; }
	#menutrigger span.line2 { top:18px; }
	#menutrigger span.line3 { top:18px; }
	#menutrigger span.line4 { top:30px; }
	#menutrigger.open span.line2 { transform:rotate(-45deg); }
	#menutrigger.open span.line3 { transform:rotate(45deg); }
	#menutrigger.open span.line1,
	#menutrigger.open span.line4 { opacity:0; filter:alpha(opacity=0); }


	/*** nav ***/
	#nav {  display:none; position:fixed; z-index:1; top:0; right:0; bottom:0; left:0; background-color:#fff; }
	nav { position:absolute; top:50%; left:50%; width:100%; padding:15px; box-sizing:border-box; transform:translate(-50%,-50%); }
	#dsmenus { text-align:center; }
	#dsmenus > li { float:none; padding-bottom:1px; }
	#dsmenus > li > a { display:block; font-size:28px; line-height:50px; }
}


@media only screen and (max-width:479px){
	.cgallery.slide .flickity-wrapper { height:calc(100vh - 182px); }
	.cgallery-overlay .overlay-text { top:auto; left:0; bottom:14%; transform:translate(0,0); }
}