html {
    display: table;
    margin: auto;
	height: 100%; }

body {
    display: table-cell;
    vertical-align: middle;
	background-color: #696969;
	height: 100%;
	text-align: center; }

a {
	text-decoration: none; }

.css-klein {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 1vmin;
	font-style: normal;
	color: #f6b622; }

.css-basis {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 2vmin;
	font-style: normal;
	color: #f6b622; }

.css-groot {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 3vw;
	font-style: normal;
	color: #f6b622; }

img.mob {
    max-width: 6%;
    border: none; }

img.ri {
	max-width: 35%;
	border-radius: 3px;
	box-shadow: 0 3px 6px rgba(0,0,0,0.9); }

a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

@media screen and (orientation: portrait) {
    img.ri { max-width: 50%; } }

@media screen and (orientation: landscape) {
    img.ri { max-height: 50%; } }

@media only screen and (max-width: 480px) {
    img.ri { max-width: 50%;
             top: 20%;
			 border-radius: 3px;
			 box-shadow: 0 3px 6px rgba(0,0,0,0.9); }

    img.mob {
	         max-width: 15%; }

    .a {
	text-decoration: none; }

    .css-basis {
	         font-family: Tahoma, Helvetica, sans-serif;
			 font-size: 5vw;
			 font-style: normal;
			 color: #f6b622; }

    .css-groot {
	         font-family: Tahoma, Helvetica, sans-serif;
			 font-size: 7vw;
			 font-style: normal;
			 color: #f6b622; } }