/* CSS LookHere.pro - global  */

html {
	background-color: #f5f5f5;
}

body	{
	margin: 0;
	padding: 0;
	border: 0;
}

.center	{
	text-align:center;
}

*	{
	color: #000000;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	text-decoration: none;
	font-weight: 300;
	margin:0;
}

.overlay	{
	position: relative;
	z-index: 1000;
}

p	{
	padding: 1em 1.7em;
}

h1	{
	font-size:22px;
	font-weight:700;
	padding: 30px 20px 20px 20px;
}

h2	{
	font-weight: 300;
	font-size: 22px;
	padding: 10px 20px 25px 20px;
}

h3	{
	font-weight: 300;
	font-size: 18px;
	padding: 30px 20px 10px 20px;
}

h4  {
    font-weight: 400;
    font-size: 16px;
    padding: 1em 1.7em 0 1.7em;
}

a img {
	border: none;
}

a {
	color: #07f;
	text-decoration: underline;
}

ul	{
	list-style-type:none;
}

li	{
	font-weight: 300;
	line-height: 20px;
}

img	{
	max-width:100%;
	height:auto;
	border: 0
}

/* main article */
.i0	{
	margin:0;
	border:0;
	padding-bottom:2em;
	text-align:center;
    padding-left:  env(safe-area-inset-left);
    padding-right:  env(safe-area-inset-right);
}

.i0 p	{
	line-height:1.5em;
}

.i0 a	{
	font-weight:300;
	font-size: 16px;
}

/* container for content on whole screen */
.i100 {
    height: 100vh;
    text-align: center;
    padding-left:  env(safe-area-inset-left);
    padding-right:  env(safe-area-inset-right);
}

/* small font size for legal notes */
.legalnotes	{
	font-size:12px;
	font-weight:300;
	padding:0 1em;
}

/* elements */

#hand {
	allowtransparency: "true";
	scrolling: "no";
	width: 200px;
	height: 200px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}

#downloadbutton {
	allowtransparency: "true";
	scrolling: "no";
	width: 145px;
	height: 50px;
	position: fixed;
	bottom: 0px;
	right: 0px;
	z-index: 100;
}


#toggle {
	position: relative;
	width:530px;
	height:400px;
	margin: 0 auto;
	cursor: pointer;
}

#toggle img {
	position: absolute;
	left: 15px;
	-webkit-transition: opacity 0.3s ease-in-out 0s;
	-moz-transition: opacity 0.3s ease-in-out 0s;
	-o-transition: opacity 0.3s ease-in-out 0s;
	-ms-transition: opacity 0.3s ease-in-out 0s;
	transition: opacity 0.3s ease-in-out 0s;
}

#toggle img.transparent {
opacity:0;
}

/* styles for newsletter sign up form */

.email	{
	width:200px;
	resize:none;
	outline:none;
	border:0;
	border-radius:2px;
	padding:0.2em;
	background-color:#fff;
}

.button {
    background-color:#07f;
	border:none;
	border-radius:2px;
    color: white;
    padding:0.2em 1em 0.2em 1em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	-webkit-appearance:none;
	-moz-appearance:none;
}

.button:hover {
    background-color:#f00;
}



/* footer */
.footer	{
	background-color:#999;
	padding-top:2em;
	padding-bottom:2em;
    padding-left:  env(safe-area-inset-left);
    padding-right:  env(safe-area-inset-right);

}

.footer p	{
	font-size:12px;
	font-weight:300;
	margin:0;
	padding:3px 20px 3px 20px;
	border:0;
}

.footer a	{
	font-size:12px;
    color: #000;
    text-decoration: underline;
}