/*
Color scheme:

font dark: 		#4B4B4B 	rgba(75,75,75,1.00) 
font medium: 	#BBBBBB 	rgba(187,187,187,1.00)
font bright: 	#E7E7E7 	rgba(231,231,231,1.00)
highlight:  	#385d66 	rgba(56,93,102,1.00)
highlight:  	#B3282D 	rgba(179,40,45,1.00) 	

rgba(255,255,255,1.00)

Font scheme:

font family:	Museo Sans 300
font size p: 	10pt
font size h1: 	16pt
font size h2: 	14pt
font size h3: 	12pt
font size h4: 	14pt
font size text:	10pt
font size text small: 10pt

line height: 	1.5
letter spacing: 1px

*/

@charset "utf-8";

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans/MuseoSans-300.eot');
    src: url('../fonts/MuseoSans/MuseoSans-300.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-300.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-300.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-300.svg#MuseoSans-300') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans/MuseoSans-900.eot');
    src: url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-900.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-900.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-900.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-900.svg#MuseoSans-900') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans/MuseoSans-100.eot');
    src: url('../fonts/MuseoSans/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-100.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-100.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-100.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-100.svg#MuseoSans-100') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 300';
    src: url('../fonts/MuseoSans/MuseoSans-300Italic.eot');
    src: url('../fonts/MuseoSans/MuseoSans-300Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-300Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-300Italic.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-300Italic.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-300Italic.svg#MuseoSans-300Italic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans/MuseoSans-700.eot');
    src: url('../fonts/MuseoSans/MuseoSans-700.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-700.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-700.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-700.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-700.svg#MuseoSans-700') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Museo Sans 100';
    src: url('../fonts/MuseoSans/MuseoSans-100Italic.eot');
    src: url('../fonts/MuseoSans/MuseoSans-100Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-100Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-100Italic.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-100Italic.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-100Italic.svg#MuseoSans-100Italic') format('svg');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 700';
    src: url('../fonts/MuseoSans/MuseoSans-700Italic.eot');
    src: url('../fonts/MuseoSans/MuseoSans-700Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-700Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-700Italic.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-700Italic.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-700Italic.svg#MuseoSans-700Italic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans/MuseoSans-500Italic.eot');
    src: url('../fonts/MuseoSans/MuseoSans-500Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-500Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-500Italic.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-500Italic.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-500Italic.svg#MuseoSans-500Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 900';
    src: url('../fonts/MuseoSans/MuseoSans-900Italic.eot');
    src: url('../fonts/MuseoSans/MuseoSans-900Italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-900Italic.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-900Italic.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-900Italic.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-900Italic.svg#MuseoSans-900Italic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Museo Sans 500';
    src: url('../fonts/MuseoSans/MuseoSans-500.eot');
    src: url('../fonts/MuseoSans/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MuseoSans/MuseoSans-500.woff2') format('woff2'),
        url('../fonts/MuseoSans/MuseoSans-500.woff') format('woff'),
        url('../fonts/MuseoSans/MuseoSans-500.ttf') format('truetype'),
        url('../fonts/MuseoSans/MuseoSans-500.svg#MuseoSans-500') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Source Sans Pro Regular';
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'),
         url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'),
         url('../fonts/SourceSansPro/SourceSansPro-Regular.svg#museo_sans_700regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Source Sans Pro Bold';
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot');
    src: url('../fonts/SourceSansPro/SourceSansPro-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/SourceSansPro/SourceSansPro-Bold.woff') format('woff'),
         url('../fonts/SourceSansPro/SourceSansPro-Bold.ttf') format('truetype'),
         url('../fonts/SourceSansPro/SourceSansPro-Bold.svg#museo_sans_700regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root
{
	/* Define variables (access via "var([NAME])") */
	--black:rgba(0, 0, 0, 1.00);
	--white:rgba(255, 255, 255, 1.00);
	--transparent:rgba(0, 0, 0, 0.00);
	
	--dark:rgba(75, 75, 75, 1.00);
	--medium:rgba(187, 187, 187, 1.00);
	--bright:rgba(231, 231, 231, 1.00);
	
	--highlight_1:rgba(198,211,28,1.00);
	--highlight_2:rgba(16,49,78,1.00);
	--highlight_3:rgba(21,165,181,1.00);
	--highlight_4:rgba(241,242,242,1.00);
}

body
{
	margin:0px;
	
	font-family:'Museo Sans 300';
}

.container
{
	min-height:calc(100vh - 0px);
	
	display:grid;
	grid-auto-rows:auto;
	grid-auto-columns:minmax(0, 1fr);
}

.content
{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
}

.quantiz_icon
{
	width:160px;
	height:160px;
	
	border:4px solid var(--medium);
	border-radius:100%;
		
	overflow:hidden;
}

.quantiz_icon div
{
	width:100%;
	height:100%;
	
	background-image:url('../images/logos/quantiz_icon.svg');
	background-repeat:no-repeat;
	background-position:center;
	background-size:75%;
	
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.quantiz_icon div:hover,
.quantiz_icon div:focus
{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.quantiz_icon div a
{
	width:100%;
	height:100%;
	
	display:flex;
}

.title
{
	margin-top:12px;
	
	padding:4px 12px 4px 12px;
	
	display:inline-block;
	
	border:solid 2px var(--medium);
	border-radius:20px;
	
	background-color:var(--medium);
	color:var(--white);
	
	font-family:'Museo Sans 700';
	font-size:1.0em;
	text-align:center;
}