@font-face {
	font-family: "Tiempos Headline";
	src: url("/css/fonts/TiemposHeadline-Medium.otf");
}

@font-face {
	font-family: "GT America";
	src: url("/css/fonts/GT-America-Condensed-Bold.otf");
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
	font-family: inherit;
	font-weight: inherit;
	outline: none;

	-ms-user-callout: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	-webkit-touch-callout: none;
	-moz-touch-callout: none;
	-ms-touch-callout: none;
	touch-callout: none;
	
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent; /* For some Androids */
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	overflow-x:hidden;
	touch-action:pan-y; /* disable zoom, only allow scroll */

	background-color: #f8e8d6;
	color:#282828;
	text-align: center;
	font-family: "Tiempos Headline", sans-serif;
	font-size: 0;
	line-height: 1;
}

.page {
	position: absolute;
	left: 0;
	top: 0;
	width: 100vw;
	height:100%;
	min-height: 100%;
	/*min-height: 100vh;*/
}

.page[data-page="2"] {
	display: none;
}

a:link, a:hover, a:active, a:visited {
	color: inherit;
	text-decoration: inherit;
}

input[type=text], input[type=email], input[type=tel], textarea {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

input::placeholder {
	overflow: visible;
	line-height: normal;
}

.transparent {
	opacity: 0.5;
}

.uppercase {
	text-transform: uppercase;
}

.underline {
	text-decoration: underline !important;
}

strong {
	font-weight: bold;
}

div.vcenter {
	display: table;
	width: 100%;
	height: 100%;
}

div.vcenter > div {
	display: table-cell;
	vertical-align: middle;
}

/* ANIMATIONS */

.bounce {
	animation: bouncing 0.75s linear infinite;
}

@keyframes bouncing {
  0%       { transform: scale(1.0); }
  25%, 75% { transform: scale(1.04); }
  50%      { transform: scale(1.05); }
  100%     { transform: scale(1.0); }
}

.rotate {
	animation: rotation 1s linear infinite;
}

@keyframes rotation {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.tilt {
	animation: tilting 1s linear infinite;
}

@keyframes tilting {
	25% 	 { transform: rotate(5deg);  }
	75% 	 { transform: rotate(-5deg);  }
}