@font-face {
	font-family: 'Verlag';
	src: url('../fonts/Verlag-Book.woff2') format('woff2'),
		url('../fonts/Verlag-Book.woff') format('woff'),
		url('../fonts/Verlag-Book.ttf') format('truetype');
}
@font-face {
	font-family: "Verlag";
	src: url('../fonts/Verlag-Book.woff2') format('woff2'),
		url('../fonts/Verlag-Book.woff') format('woff'),
		url('../fonts/Verlag-Book.ttf') format('truetype');
	font-weight: bold;
}

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	font-family: Verdana, Geneva, sans-serif;
	background-color: #222;
}
fieldset,img { 
	border:0;
}
h1 {
	font-size: 111px;
	line-height: 120%;
	color: #000;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, .3);
	white-space: nowrap;
	font-family: Verlag;
	font-weight: normal;
}
@media all and (min-width:700px)  {
	h1 {
		font-size:111px;
	}
		.desktop-hide {
		display: none !important;
	}
		.addthis-smartlayers-mobile {
		display: none !important;
	}
}
@media all and (min-width:550px) and (max-width:700px) { 
	h1 {
		font-size:80px;
		line-height: 125%;
	}
		.mobile-hide {
		display: none !important;
	}
		.addthis-smartlayers-mobile {
		display: none !important;
	}
}
@media all and (min-width:400px) and (max-width:550px) { 
	h1 {
		font-size:65px;
		line-height: 130%;
	}
		.mobile-hide {
		display: none !important;
	}
		.addthis-smartlayers-mobile {
		display: none !important;
	}
}
@media all and (max-width:400px)  {
	h1 {
		font-size:40px;
		line-height: 130%;
	}
	.mobile-hide {
		display: none !important;
	}
	.addthis-smartlayers-mobile {
		display: none !important;
	}
}
.wpcc-privacy {
    text-decoration:underline !important;
}
.img-responsive {
	max-width: 100%;
	height: auto;
}
a:link, a:visited {
	color: #4285F4;
	text-decoration: none;
}
#canvas {
	width: 100%;
	height: 100%;
	/**background-color: #666;**/
}
a:hover {
	color: #fff;
}
a.suggest:hover {
	color: #000;
}

.table {
   display: table; 
   width: 100%;
}
.body-table {
	height: 100%;
	position: relative;
	z-index: 2000;
}
.verlag {
	font-family: Verlag
}
.trow {
	display: table-row;
}

.my-block {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.footer-terms {
	color: #ddd;
	font-size: 13px;
}
.footer-terms a, a:visited {
	color: #4285F4;
	font-size: 13px;
}
.footer-terms a:hover {
	color: #fff !important;
}
#rollover {
	position: relative;
}
#rollover a {
	border:none;
	text-decoration:none;
	padding: 0 0.5em 0 0.5em; /**space between small icons**/
	/**remove this rule if all full size images are to share the same display area. **/
}
#rollover a span {
	visibility:hidden;
	background-color: #FFF;
	display:block;
	position: absolute;
	width: 300px;
	height: 300px;
	overflow: hidden;
	/**adjust location of full size images**/
	left: 85px;
	top: -220px;
	/**optional full size image borders, padding**/
	border: 8px solid rgba(253, 253, 253, .3);
	box-shadow: 3px 3px 10px rgba(0, 0, 0, .15);
}

#rollover a span img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: 300px;
	max-height: 300px;
	object-fit: cover;
}

#rollover a:hover span, #rollover a:active span, #rollover a:focus span {visibility:visible;}
#rollover a:hover, #rollover a:focus {visibility:visible;}

.feedback-buttons-holder {
	padding-left: 10px;
}
.btn-like {
	display: inline-block;
	width: 20px;
	height: 28px;
	text-indent: -10000px;
	vertical-align: middle;
	background: url(/images/like.png) no-repeat center center;
}
.btn-like:hover {
	background: url(/images/like_over.png) no-repeat center center;
}

.btn-dislike {
	display: inline-block;
	width: 20px;
	height: 28px;
	margin-left: 10px;
	text-indent: -10000px;
	vertical-align: middle;
	background: url(/images/dislike.png) no-repeat center center;
}
.btn-dislike:hover {
	background: url(/images/dislike_over.png) no-repeat center center;
}

#bg{
	filter: grayscale(60%) contrast(60%);
	position: absolute;
}

.fade-jos {
	background: transparent url(../images/pattern.png) repeat-x bottom left;
}
.logo {
    border-radius: 10%;
}