/*Nested comments: @media DISABLED {}*/
html, body{
    font-size: 16px;
}
@media screen and (min-width: 768px)
{
   html, body{
	   font-size: 16px;
   }
}
* {
    margin: 0px;
    padding: 0px;
}
/* Clear settings end here*/
nav {
	background-color: #4CAF50; /*rgb(40, 202, 65);*/
	width: 100%;
	line-height: 1.25rem;
	font-family: Arial, sans-serif;
	/*height: 38x;*//* height=0 when only inside floating containers */
}
nav ul {
    display: inline;/*same as display: block; float: left;*/
    background-color: #4CAF50; /*needed for sub menu*//*rgb(40, 202, 65);*/
    list-style-type: none;
    text-align: left;
    font-size: 1rem;
}
nav ul li {
    display: inline-block;
    position: relative;
}
nav ul li a {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 10px 16px;
    text-decoration: none;
}
nav label {
	display: block;
	float: right;
	border-radius: 32px;
	padding: 8px 16px;
	color: white;
	background-color: #2196F3;
}
/* sub menu */
ul[data-nav="wrap"] {
    position: fixed;
	font-family: Arial, sans-serif;
	background-color:  #4CAF50;/*white;*/
	padding: 8px;
	list-style-type: none;
}
ul[data-nav="wrap"] li {
    display: inline-block;
	padding: 4px 8px;
	margin: 4px;
}
ul[data-nav="wrap"] li a {
	color: white;
    text-decoration: none;
}
ul[data-nav="wrap"] li a:hover {
    text-decoration: underline;
}