.navlinks{
	width:100%;
	float:left;
	top:0;
	background-color:rgba(27,30,39,0.5);
	position:absolute;
	z-index:1;
	box-shadow:0px 5px 5px rgba(27,30,39,0.5);
	transition:0.3s ease;
}
.navlinks:hover{
	background-color:rgba(27,30,39,1);
	box-shadow:0px 5px 5px rgba(27,30,39,1)
}
.menubtn{
	width:11%;
	float:left;
	text-align:center;
	font-family:Yu Gothic;
	font-size:14px;
	color:#cacaca;
	padding:0.3% 0% 0% 0%;
	cursor:pointer;
	text-decoration:none;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.menubtn:hover > a{
	color:#85f4d8;
}
.droplist a{
	width:100%;
	display:block;
	float:left;
	text-align:left;
	text-decoration:none;
	font-size:13px;
	color:#cacaca;
	padding:3% 0% 3% 15%;
}
.droplist:hover  a{
	color:#85f4d8;
}
#dropdown:hover > .dropdown-content{
	display:block;
}
#artdevivredrop:hover >.dropdown-artdevivre{
	display:block;
}
#kontaktdrop:hover >.dropdown-kontakt{
	display:block;
}
.dropdown-kontakt,.dropdown-artdevivre{
	background-color:#1b1e27;
    width:11%;
    display:none;
    position:absolute;
    -webkit-animation: fadein 0.6s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 0.6s; /* Firefox < 16 */
        -ms-animation: fadein 0.6s; /* Internet Explorer */
         -o-animation: fadein 0.6s; /* Opera < 12.1 */
            animation: fadein 0.6s;
}
.social{
	width:15%;
	float:left;
	padding-left:15%;
	margin:0%;
	cursor:pointer;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display:block;
	margin-right:0%;
	height:25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size:45%;
	transition:0.5s ease;
}
#fb{
	background-image: url(../img/fb.png);
}
#fb:hover{
	background-image: url(../img/fbh.png);
}
#ig{
	background-image: url(../img/ig.png);
}
#ig:hover{
	background-image: url(../img/igh.png);
}
#yt{
	background-image: url(../img/yt.png);
}
#yt:hover{
	background-image: url(../img/yth.png);
}
#play{
	display:none;
}

