@media (min-width: 1200px) and (max-width: 1440px) {
	
	.top-content {
    padding: 9% 0 100px 0;
	background: url("../img/backgrounds/background.jpg") no-repeat;
	background-size: 100%;
	}
	.top-content .section-description {margin-left: -40px;}
	
	.works-container{top:800px;}
	.works-container .verticalheading {margin-top: 40px;}
	.works-container .section-description{ margin: -80px 0 0 8vw;}
	.work_img{background-size:65%; top:0;}
	.triangle {top:10vh;}
	.slash::after {top:380px; left:170px; width: 100%;}

	.origin-container{top:1400px; min-height:750px;}
	.origin-container{background-size:120%;}
	.origin-container .section-description{right:0;}
	.origin-container .verticalheading {margin-left:17%;}
	.origin-container .link{margin:-10px 0 0 15%;}
	
    .myvenue-container{top:2000px; padding: 26% 0 0 82%;}
    .myvenue-container .section-description{margin: -130px 0 0 4vw;}
    
	.team-container{top:3100px;min-height:700px;}
	.parall::after{height: 660px;width: 200px; left:30vw;}
	.team_img{background-size:85vw;}
	.team-container .verticalheading {margin-top:40px;}
	.team-container .section-description{margin: -100px 0 0 9%;}
	.team-container .link{margin:-10px 0 0 15%;}
	
	.contact-container{	top:4150px;}
	.footer-bottom {margin-top: -60px; }
	.contact_img{background-size: 100%; width: 100vw; margin-top: 0;}
	.contact-container .verticalheading {margin:-2% 0 0 -2%;}
	.contact-container .section-description{margin: 6% 0 0 23%;}	
	.footer-right{margin:0; padding:0 0 30px 30px;}
	.footer-copyright {margin-top: 10px;padding-top: 20px;}
	.contact-container .verticalheading_en {font-size:9px;margin-left: 2px;}
	.contact-container .verticalheading_tw {font-size:45px;font-weight:700;}

}

@media (min-width: 992px) and (max-width: 1199px) {
	
	.top-content {
    padding: 9% 0 100px 0;
	background: url("../img/backgrounds/background.jpg") no-repeat;
	background-size: 100%;
	}
	.top-content .section-description {margin-left: -40px;}
	
	.works-container{top:800px;}
	.works-container .verticalheading {margin-top: 40px;}
	.works-container .section-description{ margin: -80px 0 0 15vw;}
	.work_img{background-size:65%; top:0;}
	.triangle {top:10vh;}
	.slash::after {top:380px; left:170px; width: 100%;}
	
	.origin-container{top:1400px; min-height:700px;}
	.origin-container{background-size:120%;}
	.origin-container .section-description{right:0;}
	.origin-container .verticalheading {margin-left:10%;}
	.origin-container .link{margin:-10px 0 0 11%;}
	
    .myvenue-container{top:1950px; padding: 26% 0 0 82%;}
    .myvenue-container .section-description{margin: -130px 0 0 6vw;
    line-height: 2.3em;}
    .myvenue-container .link{margin:-100px 0 0 60px;}
    
	.team-container{top:2900px;min-height:700px;}
	.parall::after{height: 500px;width: 200px; left:33vw;}
	.team_img{background-size:85vw;}
	.team-container .verticalheading {margin:30px 0 0 30px;}
	.team-container .section-description{margin: -70px 0 0 15%;}
	.team-container .link{margin:-40px 0 0 16%;}
	
	.contact-container{	top:3900px;}
	.footer-bottom {margin-top: -60px; }
	.contact_img{background-size: 100%; width: 100vw; margin-top: 0;}
	.contact-container .verticalheading {margin:-2% 0 0 -2%;}
	.contact-container .section-description{margin: 6% 0 0 23%;}	
	.footer-right{margin:0; padding:0 0 30px 30px;}
	.footer-copyright {margin-top: 10px;padding-top: 20px;}
	.contact-container .verticalheading_en {font-size:9px;margin-left: 2px;}
	.contact-container .verticalheading_tw {font-size:45px;font-weight:700;}

}


@media (min-width: 768px) and (max-width: 991px) {
	
	body{
	background: url("../img/backgrounds/background.jpg") top center no-repeat;
	background-size: 130%;	
	}
	
	.top-content {
    padding: 80px 0 100px 0;
	background-size: 130%;
	}
	.top-content .verticalheading { margin-left:20px;}
	.top-content .section-description {margin-left: -140px;}
	
	.s-header__logo {top: 2.5rem; left: 2.5rem;}
	.s-header__logo img {width: 45px;}
	.s-header__menu-icon { width : 1.8rem; top: .9rem; right: 0rem;}
	
	.works-container{top:800px;}
	.work_img{background-size:65%; top:0;}
	.triangle {top:8vh;}
	.slash::after {top:380px; left:70px; width: 100%;}
	.works-container .verticalheading {margin: 30px 0 0 60px;}
	.works-container .section-description {margin: 40px 0 0 110px;}
	.works-container .link{margin: -6vw 0 0 27vw}
	
	.origin-container{top:1350px; min-height:700px;}
	.origin-container{background-size:140%; background-position: right 200px;}
	.origin-container .section-description{right:-8%;}
	.origin-container .verticalheading {margin-left: 50px;}
	.origin_logo{left:-10vw;}
	.origin-container .link{margin: -3vw 0 0 10vw;}
	
    .myvenue-container{top:1900px; padding: 26% 0 0 80%;}
    .myvenue-container .section-description{margin: -150px 0 0 7vw;
    line-height: 2.2em;}
    .myvenue-container .link{margin:-100px 0 0 110px;}
    
	.team-container{top:2670px;min-height:700px;background: url("../img/backgrounds/parallelogram.jpg") -150px 200px no-repeat; background-size: 120%;}
	.parall::after{height: 450px;width: 200px; left:27vw;}
	.team_img{background-size:85vw;}
	.team-container .verticalheading {margin-top:90px; margin-left:-50px; }
	.team-container .section-description{margin: -70px 0 0 20%;}
	.team-container .link{margin: -12vw 0 0 38vw;}
	
	.contact-container{	top:3700px;}
	.footer-bottom {margin-top: -60px; }
	.contact_img{background-size: 110%; width: 100vw; margin: 0 0 0 0;}
	.contact-container .verticalheading {margin:-5% 0 0 -6%;}
	.contact-container .section-description{margin: 6% 0 0 -35%;}	
	.footer-right{position: absolute; width:33%; left:58%;}
	.footer-social {padding-top: 20px;}
	.footer-bottom {margin-top: 20px;}
	.contact-container .verticalheading_en {font-size:9px;margin-left: 2px;}
	.contact-container .verticalheading_tw {font-size:40px;font-weight:700;}
}

@media (max-width: 767px) {
	
	body{
	background: url("../img/backgrounds/background.jpg") top center no-repeat;
	background-size: 150%;	
	}
	

	.verticalheading_en {font-size:9px;margin-left: 2px;}
	.verticalheading_tw {font-size:45px;font-weight:700;}
	
	.top-content {
    padding: 30px 40px 0 0;
	background-size: 150%;
	}
	.top-content .verticalheading { margin-left:-80px;}
	.top-content .section-description {margin-left: -140px; margin-top: 30px;}
	
	.s-header__logo { top: 2.5rem; left: 2.5rem;}
	.s-header__logo img { width: 45px;}
	.s-header__menu-icon { width : 1.8rem; top: .9rem; right: 0rem;}
	
	.works-container{top:700px;}
	.work_img{background-size:75%; top:0;}
	.triangle {top:13vh;}
	.slash::after {top:250px; left:-8vw; width: 130%;}
	.works-container .verticalheading {margin: 30px 0 0 0;}
	.works-container .section-description {margin: 40px 0 0 90px;}
	.works-container .link{margin: -13vw 0 0 27vw}
	.soul_icon{padding-top: 35%;}
	
	.origin-container{top:1200px; min-height:600px;}
	.origin-container{background-size:cover;}
	.origin-container .section-description{right:-15%;}
	.origin-container .verticalheading {margin-left: 50px; margin-top: -30px;}
	.origin_logo{left:-10vw; top:30vh;}
	.origin-container .link{margin: -10vw 0 0 28vw;}
	
    .myvenue-container{top:1800px; padding: 32% 0 0 75%; 
        background-size: 130%;}
    .myvenue-container .section-description{margin: -110px 0 0 9vw;
    line-height: 2.2em;}
    .myvenue-container .link{margin:-80px 0 0 90px;}
    
	.team-container{top:2580px;min-height:700px;background: url("../img/backgrounds/parallelogram.jpg") -200px 200px no-repeat; background-size: 140%;}
	.parall::after{height: 370px;width: 210px; left:23vw; top:-22%;}
	.team_img{background-size:90vw; right:-15%;}
	.team-container .verticalheading {margin-top:70px; margin-left:-80px; }
	.team-container .section-description{margin: -60px 0 0 140px;}
	.team-container .link{margin: -16vw 0 0 44vw;}
	
	.contact-container{	top:3550px; padding: 0 0 150px 0;}
	.footer-bottom {margin-top: -30px; }
	.contact_img{background: url("../img/backgrounds/contact_triangle.png") top left no-repeat;
		background-size: 130%; width: 100vw; margin: 0 0 0 0;}
	.contact-container .verticalheading {margin:-4% 0 0 5%;}
	.contact-container .section-description{margin: 6% 0 0 35%;}	
	.contact-container .verticalheading_en {font-size:9px;margin-left: 2px;}
	.contact-container .verticalheading_tw {font-size:45px;font-weight:700;}
	.footer-right{margin:-40% 0 0 -18%;padding: 0; width:90%; border: none;}
	.footer-social {padding-top: 20px;}
	.footer-social a {
		display: inline-block;
		width: 60px;
		height: 60px;
		margin-right: 10px;
		margin-bottom: 10px;
		padding: 6px 0 0 3px;
		background: #BF9157;
		-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		font-size: 32px;
		color: #ddd;
		line-height: 36px;
		text-align: center;
		}
	.footer-social a:hover, .footer-social a:focus { background:#942E00; color: #eee; }
	.footer-social a i { vertical-align: middle; }
    .footer-social-X{top:8px; left:-2px;}
    .footer-social-X:hover{
    background: url("../ico/x-logo.svg") center center no-repeat;
}

@media (min-width: 416px) and (max-width: 576px)  {
	
	body{
	background: url("../img/backgrounds/background.jpg") top center no-repeat;
	background-size: 210%;	
	}
	
	.verticalheading_en {font-size:8px;margin-left: 2px;}
	.verticalheading_tw {font-size:40px;font-weight:700;}
	
	.top-content {
    padding: 30px 70px 0 0;
	background-size: 210%;
	}
	
	.top-content .verticalheading { margin-left:-10px; padding-top: 20px; height: 80px;}
	.top-content .section-description {margin-left: -100px; margin-top: 30px;}
	.verticalheading_en {font-size:8px;margin-left: 2px;}
	.verticalheading_tw {font-size:40px;font-weight:700;}

	.works-container{top:650px;}
	.work_img{width:110vw; top:0;}
	.triangle {top:10%;left:-1vw; width:120vw;}
	.slash::after {top:180px; left:-120px;}
	.works-container .verticalheading {margin: 90px 0 0 20px;}
	.works-container .section-description {margin: 50px 0 0 250px;}
	.works-container .link{margin: -6vw 0 0 50vw}
	
	.origin-container{top:1280px; min-height:900px;}
	.origin-container{background-size:200%; background-position:right 150px;}
	.origin-container .origin_img{z-index: -1;}
	.origin-container .section-description{right:10vw; margin-top: 200px;}
	.origin-container .verticalheading {margin-left: -50px; margin-top:-40px; z-index: 1;}
	.origin_logo{; width: 120%; left:-20vw; top:10vh;z-index:0;}
	.origin-container .link{margin: -6vw 0 0 10vw}
	
    .myvenue-container{top:2000px; padding: 50% 0 0 60%; 
        background-size: 210%;}
    .myvenue-container .section-description{margin: -110px 0 0 9vw;
    line-height: 2.2em;}
    .myvenue-container .link{margin:-50px 0 0 90px;}
    
	.team-container{top:2850px;min-height:700px;background: url("../img/backgrounds/parallelogram.jpg") -300px 200px no-repeat; background-size: 170%;}
	.parall::after{height: 220px;width: 200px; left:30vw; top:-22%;}
	.team_img{background-size:95vw; right:-12%;}
	.team-container .verticalheading {margin-top:40px; margin-left:30px; }
	.team-container .section-description{margin: -40px 0 0 260px;}
	.team-container .link{margin: -10vw 0 0 33vw;}
	
	.contact-container{top:3850px; background-size: 200%;}
	.contact_img{background: url("../img/backgrounds/contact_triangle.png") -100px 0 no-repeat;
		background-size: 200%; width: 100vw; margin: 0 0 0 0;}
	.contact-container .verticalheading {margin:-25px 0 0 0;}
	.contact-container .section-description{margin: 6% 0 0 35%;}
	.contact-container .verticalheading_tw {font-size:40px;font-weight:700;}
	.footer-right{margin:-40% 0 40px -32%; width:100%; border: none;}
	.footer-social {padding-top: 20px;}
	.footer-social a {
		display: inline-block;
		width: 60px;
		height: 60px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 6px 0 0 3px;
		background: #BF9157;
		-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		font-size: 32px;
		color: #ddd;
		line-height: 36px;
		text-align: center;
		}
	.footer-social a:hover, .footer-social a:focus { background:#942E00; color: #eee; }
	.footer-social a i { vertical-align: middle; }

}

    
    /*
@media (min-width: 376px) and (max-width: 414px) {
	body{
	background: url("../img/backgrounds/background.jpg") top center no-repeat;
	background-size: 190%;
	overflow-x: hidden;	
	width: 100vw;
	}
	
	
	.top-content {
        position: relative;
        padding: 250px 0 0 0 ;
        background-size: 190%;
		overflow-x: hidden;	
	}
	
	.top-content .verticalheading { margin-left:23vw; padding-top: 20px; height: 80px;}
	.verticalheading_en {font-size:8px;margin-left: -2px;}
	.verticalheading_tw {font-size:35px;font-weight:700;}
	
	.top-content .section-description {
		color: #341500;
		margin: 40px 0 0 -100px;
	}
	
	.works-container{
        top:700px; overflow-x: hidden;
        height: 100vh;
        background-attachment: scroll;
    }
	.work_img{width:125vw; top:0;}
	.triangle {top:12%; left:-10%;}
	.slash::after {top:200px; left:-90px; width: 130%;}
	.works-container .verticalheading {margin: 120px 0 0 -10px;}
	.works-container .section-description {position: absolute; right:40px; top:300px;}
	.works-container .link{margin: 270px 0 0 30vw}
	
	.origin-container{overflow-x: hidden; top:1280px; min-height:600px;}
	.origin-container{background-size:200%; background-position: right 380px;}
	.origin-container .section-description{right:-4vh; margin-top: 140px;}
	.origin-container .verticalheading {margin-left: -50px; margin-top:-80px; }
	.origin_logo{; width: 120%; left:-20vw; top:10vh;z-index:0;}
	.origin-container .link{margin: -3vw 0 0 -10vw;}
	
    .myvenue-container{
        background: url("../img/backgrounds/myMenue.jpg") right 200px no-repeat;
        top:1900px; padding: 70% 0 0 50%; 
        background-size: 230%;
        overflow-x: hidden;
    }
    .myvenue-container .section-description{margin: -110px 0 0 15vw;
    line-height: 2.2em;}
    .myvenue-container .link{margin:-30px 0 0 180px;}
	
	.team-container{top:2700px;min-height:700px;background: url("../img/backgrounds/parallelogram.jpg") -200px 200px no-repeat; background-size: 180%;}
	.parall::after{height: 250px;width: 200px; left:130px; top:-80px;}
	.team_img{background-size:96vw; right:-18%;}
	.team-container .verticalheading {margin-top:-50px; margin-left:-10px; }
	.team-container .section-description{margin: -10px 0 0 250px;}
	.team-container .verticalheading_en {color:#947C52;}
	.team-container .link{margin: -70px 0 0 90px;}
	
	.contact-container{overflow-x: hidden; top:3600px; background-size: 200%;min-height: 800px;}
	.contact_img{background: url("../img/backgrounds/contact_triangle.png") -100px 0 no-repeat;
		background-size: 200%; width: 100vw; margin: 0 0 0 0;}
	
	.contact-container .verticalheading {margin:-40px 0 0 -30px;}
	.contact-container .section-description{margin: 6% 0 0 35%;}
	.contact-container .verticalheading_en {font-size:8px;margin-left: -2px;}
	.contact-container .verticalheading_tw {font-size:35px;font-weight:700;}
	
	.footer-right{margin:-50% 0 20px -32%; width:100%; border: none;}
	.footer-social {padding-top: 0; width: 120%;}
	.footer-social a {
		display: inline-block;
		width: 55px;
		height: 55px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 6px 0 0 3px;
		background: #BF9157;
		-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		font-size: 32px;
		color: #ddd;
		line-height: 36px;
		text-align: center;
		}
	.footer-social a:hover, .footer-social a:focus { background:#942E00; color: #eee; }
	.footer-social a i { vertical-align: middle; }
}
    */

@media (max-width: 415px) {	
	body{
	background: url("../img/backgrounds/background.jpg") top center no-repeat;
	background-size: 190%;
	overflow-x: hidden;	
	width: 100vw;
	}
	
	
	.top-content {
    padding: 220px 0 0 0 ;
	background-size: 190%;
		overflow-x: hidden;	
	}
	
	.top-content .verticalheading { margin-left:23vw; padding-top: 20px; height: 80px;}
	.verticalheading_en {font-size:8px;margin-left: 2px;}
	.verticalheading_tw {font-size:40px;font-weight:700;}
	
	.top-content .section-description {
		color: #341500;
		margin: 40px 0 0 -120px;
	}
	
	.works-container{top:700px;}
	.work_img{width:125vw; top:0;}
	.triangle {top:12%; left:-10%;}
	.slash::after {top:200px; left:-80px; width: 130%;}
	.works-container .verticalheading {margin: 120px 0 0 -10px;}
	.works-container .section-description {position: absolute; right:40px; top:300px;}
	.works-container .link{margin: 270px 0 0 40vw}
	
	.origin-container{top:1280px; min-height:900px;}
	.origin-container{background-size:200%; background-position: right 380px;}
	.origin-container .section-description{right:-4vh; margin-top: 140px; margin-bottom: 30px;}
	.origin-container .verticalheading {margin-left: -50px; margin-top:-80px; }
	.origin_logo{; width: 120%; left:-20vw; top:10vh;z-index:0;}
	.origin-container .link{margin: -3vw 0 30px 0;}
	
    .myvenue-container{
        top:1900px; padding: 65% 0 0 50%; 
        background-size: 230%;
        overflow-x: hidden;
    }
	.myvenue-container .section-description{margin: -110px 0 0 15vw;
    line-height: 2.2em;}
    .myvenue-container .link{margin:-10px 0 0 180px;}
    .myvenue-container .link{
    color: #BF9157;
    border-bottom: 1px solid #BF9157;
    }
    .myvenue-container .link a{color: #BF9157;}
    .myvenue-container .link::after { border-bottom: 1px solid #BF9157;}
    .myvenue-container .link::before {border-bottom: 6px solid #BF9157;}

    
	.team-container{top:2700px;min-height:700px;background: url("../img/backgrounds/parallelogram.jpg") -250px 200px no-repeat; background-size: 200%;}
	.parall::after{height: 210px;width: 200px; left:130px; top:-100px;}
	.team_img{background-size:96vw; right:-18%;}
	.team-container .verticalheading {margin-top:-50px; margin-left:-10px; }
	.team-container .section-description{margin: -20px 0 0 250px;}
	.team-container .verticalheading_en {color:#947C52;}
	
	.contact-container{top:3600px; background-size: 200%;}
	.contact_img{background: url("../img/backgrounds/contact_triangle.png") -100px 0 no-repeat;
		background-size: 200%; width: 100vw; margin: 0 0 0 0;}
	.contact-container .verticalheading {margin:-40px 0 0 -40px;}
	.contact-container .section-description{margin: 6% 0 0 32%;}
	.contact-container .verticalheading_en {font-size:8px;margin-left: -2px;}
	.contact-container .verticalheading_tw {font-size:35px;font-weight:700;}
	.footer-right{margin:-50% 0 20px -32%; width:100%; border: none;}
	.footer-social {padding-top: 0; width: 120%;}
	.footer-social a {
		display: inline-block;
		width: 55px;
		height: 55px;
		margin-right: 5px;
		margin-bottom: 10px;
		padding: 6px 0 0 3px;
		background: #BF9157;
		-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
		font-size: 32px;
		color: #ddd;
		line-height: 36px;
		text-align: center;
		}
	.footer-social a:hover, .footer-social a:focus { background:#942E00; color: #eee; }
	.footer-social a i { vertical-align: middle; }
}



/* Retina-ize images/icons */

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	/* logo */
    .top-content .text .logo a {
    	background-image: url(../img/logo@2x.png) !important; background-repeat: no-repeat !important; background-size: 130px 69px !important;
    }
	
}