HTML,BODY,H3,H4,H5,H6{
    font-family:'Roboto',sans-serif;
	/*font-family: 'Dosis',sans-serif;*/
    font-display:swap;
}
H1,H2{
	font-family:'Allura',cursive;
	font-weight:normal;
	font-display:swap;
}
BODY{
	background:transparent url("../img/bg.webp") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}

#footer{
    /*background: transparent url("../img/o6n.webp") no-repeat 99% 96%;*/
    background:transparent url('https://user-images.githubusercontent.com/16142494/93028069-a4eb9180-f611-11ea-9dfe-1dfe88cc22ea.png') no-repeat 99% 96%;
}

#tooltip{
    position:relative;
    bottom:100px;
    z-index:1;
}

.o6n-image-preview{
    width:100px;
    height:100px;
}



/* MENU */
.o6n-menu-triangle UL{text-align:center;}

.o6n-menu-triangle UL LI{
	cursor:pointer;
	white-space:nowrap;
	padding:10px 20px;
	/*-webkit-transition:padding .05s linear;
	-moz-transition:padding .05s linear;
	-ms-transition:padding .05s linear;
	-o-transition:padding .05s linear;
	transition:padding .05s linear;*/
}
.o6n-menu-triangle UL LI.o6n-dropdown{position:relative;}
.o6n-menu-triangle UL > LI{display:inline-block;}

.o6n-menu-triangle UL LI A{
	/*line-height:80px;*/
	/*height:80px;*/
	text-decoration:none;
	/*color:#777;*/
	/*-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	-o-transition:all .1s ease-out;
	transition:all .1s ease-out;*/
}

/*.o6n-menu-triangle UL LI:hover{background-color:#9c0;}*/

.o6n-menu-triangle UL LI > DIV{
	position:absolute;
	z-index:2;
	left:50%;
	margin-left:-80px; /* half of width */
	top:-400px;
	padding:0;
	/*border:1px solid #000;*/
}

.o6n-menu-triangle UL LI:hover > DIV{top:40px;} /*  */

.o6n-menu-triangle .o6n-submenu .o6n-triangle{
	width:0;
	height:0;
	position:absolute;
	border-left:8px solid transparent;
	border-right:8px solid transparent;
	border-bottom:8px solid black;
	top:-8px;
	left:50%;
	margin-left:-8px;
}

.o6n-menu-triangle .o6n-submenu{
	/*min-width:160px;*/
	display:block;
	/*float:left;*/
	position:relative;
	margin:0px;
	opacity:0;
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow:0 1px 6px rgba(0,0,0,.15);
	box-shadow:0 1px 6px rgba(0,0,0,.15);
	-webkit-transition:all .1s ease-out;
	-moz-transition:all .1s ease-out;
	-ms-transition:all .1s ease-out;
	-o-transition:all .1s ease-out;
	transition:all .1s ease-out;*/
	/*border:1px solid #000;*/
}

.o6n-menu-triangle .o6n-submenu UL{padding:10px;}

.o6n-menu-triangle .o6n-submenu UL LI{
	text-align:left;
	/*float:left;*/
	display:block;
	/*width:125px;*/
	padding:10px;
	margin:0 ;
	/*color:#777;*/
	/*-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-transition:background .1s ease-out;
	-moz-transition:background .1s ease-out;
	-ms-transition:background .1s ease-out;
	-o-transition:background .1s ease-out;
	transition:background .1s ease-out;*/
}

.o6n-menu-triangle UL LI:hover A{ color:white; }
/*UL LI:hover .underline{border-bottom-color:#777;}*/
.o6n-menu-triangle UL LI:hover .o6n-submenu{opacity:1;margin-top:8px;}