html { font-size: 99%; }

body {
	margin: 0;
	padding: 0;
}

.table {
	position: absolute;
	width: 100vw;
	height: 100vh;
	background: #06080a url( images/pool-table-90.jpg ) no-repeat center;
	background-size: cover;
}

.header {
	position: absolute;
	padding: 7px 11px;
	display: flex;
	flex-flow: row;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	color: #e0e8e0;
	z-index: 100;
}

.left-header {
	display: flex;
	flex-flow: column;
	font-family: Raleway, HelveticaNeue-Light, sans-serif;
	text-shadow: 1.5px 2px 2px #0f2f0f;
}

.title { font-size: 1.3rem; }
.subtitle { font-size: 1.1rem; }

.right-header {
	flex-flow: column;
	font-family: Cardo, HelveticaNeue-Light, sans-serif;
	font-size: 1rem;
	text-shadow: 1.5px 2px 2px #0f2f0f;
}
.right-header a { color: #ddd; }

.floater {
	height: 50px;
	width: 50px;
	position: absolute;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: 120%;
	border-radius: 200px;
	border: 0.12rem solid #748074;
	text-align: center;
	cursor: pointer;
	z-index: 200;
}

.thinking-man {
	position: absolute;
	background-image: url( images/thinking2.png );
	background-size: contain;
	background-repeat: no-repeat;
	width: 360px;
	height: 360px;
	opacity: 0%;
	zindex: -300;
}

.thoughtWrapper {
	margin-top: 6px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 244px;
	height: 112px;
	float: right;
}

.thought {
	margin: 0 auto;
	padding: 0 25px 0 25px;
	font: bold 1rem Quicksand, sans-serif;
	line-height: 1rem;
	color: #484848;
	text-align: center;
	white-space: break-spaces;
}

@media (orientation: landscape)
{
	.thinking-man {
		width: 400px;
		height: 400px;
	}

	.thoughtWrapper {
		width: 280px;
		height: 125px;
	}
}

/* the thinker animation */

@keyframes fade-out
{
        from { opacity: 100%; }
          to { opacity: 0%; }
}

@keyframes fade-in
{
        from { opacity: 0%; }
          to { opacity: 100%; }
}

.glightbox-clean .gclose svg { width: 32px; )

.glightbox-clean .gdesc-inner {
	padding: 10px 0px 10px 14px;
	background-color: #000;
}

.gslide-desc {
	color: #eee !important;
	font: normal 1.8rem HelveticaNeue-Light, sans-serif !important;
	text-align: center !important;
}