@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-webkit-font-feature-settings: "kern" 1;
	text-rendering:optimizeLegibility;
	background-color: #000000;
	overflow: hidden;
}



@font-face {
	font-family: 'Mondia';
	src: url('fonts/Mondia.woff');
	font-weight: normal;
	font-style: normal;
}


header {
	height: 900px;
	width:100%;
	background-image: url("../img/bg.jpg");
	background-size:cover;
	overflow: hidden;
	background-position: center top;
}



#popin {
	overflow: hidden;
	cursor: pointer;
	background-image: url("../img/popin.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	    width: 60vw;
    height: 30vw;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 99999;
}
#popin #days a  {
	text-decoration: none;
}
#popin #days {
	cursor: pointer;
	font-family: 'Mondia';
	font-size:10vw;
	color:#e6e1d7;
	letter-spacing: -0.075em;
	    width: 100%;
	padding-top: 29%;
    padding-left: 27%;
    text-align: center;
	position: absolute;
}

@media (max-width : 800px ){
	* {
		box-sizing: border-box;
		overflow-y: hidden;
	}
	header  {
	    height: 680px;
		overflow-y: hidden;
	}
	#popin {
		overflow: hidden;
		cursor: pointer;
		background-image: url("../img/popin-mobile.jpg");
		background-size: contain;
		background-repeat: no-repeat;
		        width: 100%;
        height: 132vw;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-42%, -50%);
		z-index: 99999;
	}
	#popin #days {
		font-size:20vw;
		    width: 85%;
    padding-top: 107%;
    padding-left: 0;
	}
}