@charset "UTF-8";

/* CSS Document */

html, body {
	min-height: 100%;
	height: 100%;
}
body {
	font-family: 'Roboto',sans-serif !important;
    font-size: 16px;
	visibility: visible;
	height: 100%;
	padding: 0;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
	margin: 0;
}
a, a:link, a:active, a:focus {
	outline: 0;
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	color:#FFFFFF;
}
a:hover {
	outline: 0;
	color: #CCCCCC;
	text-decoration: none;
}
strong {
	font-weight: 700;
	color:black;
}
.logo {
	background-image: url(/furniture/images/sprite.svg);
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 228px;
	height: 75px;
	background-position: 0 0;
	margin: 0 !important;
}
.no-svg .logo {
	background-image: url(/furniture/images/sprite.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	overflow: hidden;
	width: 228px;
	height: 75px;
	background-position: 0 0;
	margin: 0 !important;
	float:left;
}
.fa {
    padding: 0 10px 0 10px;
}
footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20px;
}
.centered {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 10px;
}
.centered p {
	padding-top: 20px;
}

/* Small devices (tablets, 768px and up) */

@media (min-width: 768px) {
	
.logo {
	width: 300px;
	height: 99px;
	background-position: -265px 0;
}
.no-svg .logo {
	width: 300px;
	height: 99px;
	background-position: -265px 0;
}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
.logo {
	width: 500px;
	height: 164px;
	background-position: -600px 0;
}
.no-svg .logo {
	width: 500px;
	height: 164px;
	background-position: -600px 0;
}
	
}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {} 

@media (max-width: 991px) {}