@viewport{
    zoom: 1.0;
    width: device-width;
    zoom: 1.0;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    *[class*="col-"] {
        width: 100%;
}}

* {
    box-sizing: border-box;
}

*.h_mnu_01{
    border: 3px solid #0000FF;
    padding: 5px;
	margin: auto;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	line-height:200%;
	width:100%;
}

*.h_mnu_01 ul
{
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
.h_mnu_01 a
{
width:6em;
text-decoration:none;
color:blue;
background-color:transparent;
padding:0.2em 0.6em;
border:2px solid;
border-color: silver;
}
.h_mnu_01 a:hover {
	background-color: Aqua;
}
.h_mnu_01 a:visited {
	color: Purple;
}

.h_mnu_01 li {display:inline;}