/* Imports */

@import url(http://fonts.googleapis.com/css?family=Roboto:400,500);
@import "../font/awesome/css/font-awesome.min.css";

/* Reset */
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

:focus {
	outline: 0;
}

a {
	color: inherit;
	text-decoration: none;
}

.clearfix {
	clear: both;
}

/* CSS */

body {
	height: 100%;
	font-family: 'Roboto', sans-serif;
	background-color: #f7f7f7
}

div.container {
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%;
    position: fixed; 
	display: table
}

div.displayed {
	position: absolute;
	left: 50%;
	margin-left: -301px;
	top:50%;
	margin-top: -228px;
}
  
p {
	display: table-cell; 
	vertical-align: middle
}

img.displayed {
	display: block; 
	margin: 1em auto
}

p {text-align: center}

#end {
	background-image: url(./end.png);
	width: 602px;
	height: 436px;
}