		* { margin: 0; padding: 0; }
		
		html { background: url(bg-tablet.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
		
		#content { width: 610px; text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); word-wrap: break-word; }
		h1 { font-family: 'Varela Round', sans-serif; color: #fff; font-size: 60px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); }
		h2 { font-family: 'Varela Round', sans-serif; color: #fff; font-size: 23px; margin: 10px 5px 0px 5px; text-shadow: 0px 0px 10px rgba(0, 0, 0, 1); }
                h3 { font-family: 'Varela Round', sans-serif; color: #f15d22; font-size: 18px; margin: 20px 5px 0px 5px; background: #fff; border-radius: 10px; width: 70%; margin-left: auto; margin-right: auto; padding: 10px; }
		#logo-desktop { display: none; }
		#logo-tablet { display: inline; max-width: 100%; }
		#logo-mobile { display: none; }
		a:link { color: #ffffff; font-weight: bold; text-decoration: none; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); }
		img { opacity: 0; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; transition: opacity 2s, transform .8s ease-in-out; -webkit-transform .8s ease-in-out; }
		img:hover { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
		p { font-family: 'Varela Round', sans-serif; color: #fff; font-size: 12px; text-shadow: 0px 0px 20px rgba(0, 0, 0, 1); margin-top: 30px; }
