html, body {
  width: 100%;
  height:100%;
}
body {
	font-family: Monaco, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	color: #000000;
	margin: 0;
}
a:link {
  color: #000000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
h1 {
font-size:48px;
font-weight: bold;
text-shadow: 1px 2px 5px rgba(0,0,0,0.33);
}
h2 {
font-size:28px;
font-weight: bold;
text-shadow: 1px 2px 5px rgba(0,0,0,0.33);
}
h3 {
font-size:18px;
font-weight: normal;
font-style: italic;
}
.divtitle {
max-width: 80%;
width: auto;
font-size:22px;
line-height: 2;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 20px;
}
.small-grey {
font-size:14px;
color: #5c5c5c;
}
.bottom {
position:fixed;
bottom:10px;
/* solution with flexbox: */
display: flex;
right: 0;
left: 0;
justify-content: center;
}
.padtop {
padding-top:50px;
}
.img-responsive {
max-width: 100%;
height: auto;
border: 0px;
}
.fade1 {
opacity: 0.0;
animation: fadeIn ease 0.1s forwards;
-webkit-animation: fadeIn ease 3s forwards;
animation-delay: 0.6s;
}
.fade2 {
opacity: 0.0;
animation: fadeIn ease 0.1s forwards;
-webkit-animation: fadeIn ease 1s forwards;
animation-delay: 2s;
}
.fade3 {
opacity: 0.0;
animation: fadeIn ease 0.1s forwards;
-webkit-animation: fadeIn ease 1s forwards;
animation-delay: 3.4s;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@keyframes blink {
    0%, 15% {
        opacity: 0;
    }
    16%, 100% {
        opacity: 1;
    }
}
@media screen and (max-width: 800px) {
	h1 {
	font-size:30px;
	}
	h2 {
	font-size:22px;
	}
	h3 {
	font-size:12px;
	}
	.divtitle {
	max-width: 80%;
	width: auto;
	font-size:16px;
	line-height: 2;
	padding-left: 50px;
	padding-right: 50px;
	padding-bottom: 20px;
	}
	.hideinfo {
	display:none;
	}
}