@font-face {font-family: "Roboto-bold"; src: local("Roboto-bold"), url("fonts/RobotoCondensed-Bold.ttf"); }
@font-face {font-family: "Roboto-light"; src: local("Roboto-light"), url("fonts/RobotoCondensed-ExtraLight.ttf"); }

.navbar {
background-color:none;
position: fixed;
right:0px;
top:47px;
font-family:Roboto-light, Sans-Serif, Arial, Verdana; 
font-size:18px;
color:#000;
z-index:9990;
}

.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
background:none;
}

.navbar li {
display: inline-block;
}

.navbar li a {
color: #868e96;
display: block;
padding: 10px 20px;
text-decoration: none;
}

/* Style the dropdown menu */
.navbar ul ul {
position: absolute;
right:90px;
top:20px;
display: none;
background-color:#FCFCFC;
}

.navbar ul ul li {
display: block;
}

.navbar li:hover ul {
display: block;
}

/* Change the background color of dropdown links on hover */
.navbar ul ul li a:hover {
background-color:#E3E3E3;
}

.li-dis {
margin-right:74px;
}






/* TABLET */

@media screen and (min-width: 481px) and (max-width: 1024px) {  

.navbar {
background-color:none;
position: fixed;
right:0px;
top:55px;
font-family:Roboto-light, Sans-Serif, Arial, Verdana; 
font-size:15px;
color:#000;
z-index:9990;
}

.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
background:none;
}

.navbar li {
display: inline-block;
}

.navbar li a {
color: #868e96;
display: block;
padding: 10px 20px;
text-decoration: none;
font-family:Roboto-light, Sans-Serif, Arial, Verdana; 
font-size:15px;

}

/* Style the dropdown menu */

.navbar ul ul {
position: absolute;
right:0px;
top:-5px;
display: none;
background-color:#FCFCFC;
}

.navbar ul ul li {
display: block;
}

.navbar li:hover ul {
display: block;
}

/* Change the background color of dropdown links on hover */
.navbar ul ul li a:hover {
background-color:#E3E3E3;
}

.li-dis {
margin-right:74px;

}

}





/* HANDY */

@media screen and (min-width: 1px) and (max-width: 480px) {   

.navbar {
background-color:none;
position: fixed;
right:0px;
top:55px;
font-family:Roboto-light, Sans-Serif, Arial, Verdana; 
font-size:15px;
color:#000;
z-index:9990;
}

.navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
background:none;
}

.navbar li {
display: inline-block;
}

.navbar li a {
color: #868e96;
display: block;
padding: 10px 20px;
text-decoration: none;
font-family:Roboto-light, Sans-Serif, Arial, Verdana; 
font-size:15px;

}

/* Style the dropdown menu */

.navbar ul ul {
position: absolute;
right:0px;
top:-5px;
display: none;
background-color:#FCFCFC;
}

.navbar ul ul li {
display: block;
}

.navbar li:hover ul {
display: block;
}

/* Change the background color of dropdown links on hover */
.navbar ul ul li a:hover {
background-color:#E3E3E3;
}

.li-dis {
margin-right:74px;

}

}