@font-face {
	font-family : Ubuntu-light;
	src : url('Ubuntu-Light.ttf');
} 
body {
	margin : 0;
	font-family : "Ubuntu-light", sans-serif;
	font-size : 18pt;
	background : white;
}

#header {
	background-color : black;
	color:white;
	font-size:80pt;
	padding:10pt 10pt 10pt 10pt;
	margin:0;
	width:100%;
	box-sizing: border-box;
}
#logo {
	vertical-align:text-top;
	margin-top: 10pt;
	margin-left:20pt;
	height : 100px;
}
#page {
	margin : 0;
	padding : 0;
	width : 100%;
	height : 100vh;
	border : none;
	box-sizing : border-box;
}
div.about {
	text-align: justify;
	padding : 0.5em 0.5em 1em 0.5em;
	float:left;
	hyphens: auto;
}

/* 1 */

.buttondiv {
	clear : both;
	width:300px;
	margin:auto;
	text-align:center;
}
button {
	border:none;
	outline:none;
	cursor:hand;
	border-radius: 12px;
	background-color: #000;
	border: none;
	color: white;
	padding: 10px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin-bottom: 1em;
	font-size:16pt;
}
button img {
	width: 30px;
	height: 40px;
	padding-right: 15px;
	vertical-align: middle;
}
.container {
	float:left;
	margin:0;
	width:100%;
	background:#ffffff;
}

.container div {
	margin:1em 2em 1em 2em;
	float:left;
}
.screen {
	width:120px;
	float:left;
	margin-right:1em;
	vertical-align:text-top;
}
@media screen and (min-width: 1000px) {
	.container {
		width:50%;
	}
	.screen {
		width:150px;
	}
}
@media screen and (min-width: 1400px) {
	.container {
		width:33%;
	}
}
@media screen and (min-width: 1900px) {
	.container {
		width:25%;
	}
}

/* 2 */

img.detect {
	float : left;
	margin-left : 20px;
	height : 120px;
}
img.hue {
	float : left;
	width : 260px;
	margin-right : 20px;
}

/* 3  */

div.about img.us {
	width:120px;
	float:left;
	margin-right:1em;
	vertical-align:text-top;
	border: 1px solid black;
}
div.about a {
	text-decoration : none;
	color : black;
}
div.about a:hover {
	color : #808080;
}

/* 5 */

table.variants td:nth-child(odd) img {
	width : 50px;
}
table.variants td:nth-child(even) img {
	width : 250px;
}

/* 6 */
img.lbl {
   width : 350px;
}
img.cll {
	width:30px;
	height:30px;
	vertical-align: middle;
	margin-left : 10px;
}