/* ------------------------------------------------ */
/* Reset
--------------------------------------------- */
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, font, 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 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	vertical-align: top;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #007FBF;
	font-family: 'Poiret One';	
	font-size: 1.4em;
}

h1, h2, h3, p {
	color: #fff;
	text-align: center;
}

h1 {
	font-size: 18em;
}

h2 {
	font-size: 2em;
	margin-bottom: 50px;
}

h3 {
	font-size: 2em;
	margin-bottom: 50px;
	display: none;
}

a {
	color: #fff;
	text-decoration: none;
}

a:hover {
	text-decoration: underline; 
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) and (orientation:portrait) {
	h1 {
		font-size: 9em;
	}
	
	h2 {
		font-size: 1.8em;
		margin-bottom: 25px;
		display:none;
	}
	
	h3 {
		font-size: 1.4em;
		margin-bottom: 25px;
		display: block;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation:landscape) {
	h1 {
		font-size: 8em;
	}
	
	h2 {
		font-size: 1.4em;
		margin-bottom: 25px;
	}
	
	h3 {
		font-size: 1.4em;
		margin-bottom: 25px;
		display:none;
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPhone 4, 4s, 5 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
	
}