body{height:100vh;overflow:hidden}
header{width:100%; display:table; height:35vh;min-height:200px}
h1{display:table-cell;width:100%;vertical-align:middle;text-align:center; height:35vh;min-height:200px;text-align:center;font-size:1.35rem; color:#888;font-weight:400}
.intro-con{position:fixed; bottom:0; left:0; width:100%;display:flex;flex-wrap:wrap;;}
.intro-con > a{display:inline-block;width:50%;height:65vh;position:relative;}
.intro-con > a div{position:absolute;left:0; top:50%; color:#fff; width:100%;text-align:center;-webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);-ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);font-family:"Montserrat","GmarketSans";font-weight:200;font-size:1.2rem  }
.intro-con > a div p{font-size:3rem; font-weight:800;}
.intro-con .company{background:url(../images/intro/company.png) no-repeat 50% 50%; background-size:cover}
.intro-con .shop{background:url(../images/intro/shop.png) no-repeat 50% 50%; background-size:cover}

@media(max-width:850px){
h1{font-size:1.1rem;padding:0 30px}
h1 img{width:130px}
.intro-con > a{width:100%;height:32.5vh;}
.intro-con > a div{padding:0 30px;font-size:1rem}
.intro-con > a div p{font-size:1.7rem}
	
}