@charset "UTF-8";
/* CSS Document */

.menu{
	overflow: hidden;
	margin-top: 35px;
	background-color: #c1c0c0;
}
.menu a{
	float: left;
	display: block;
	color: #6a6a6a;
	text-decoration: none;
	text-align: center;
	padding: 12px 12px;
	font-size: 14px;
}
.menu a:hover{
	background-color:#c1c0c0;
	color: #E8E8E8;
}
.menu a.active{
	background-color:#c1c0c0;
	color: white;
}

.menu .icon{
        display: none;
    }
        
    @media screen and (max-width:600px){
        .menu a:not(:first-child){display: none;}
        .menu a.icon{
            float: right;
            display: block;
        }
    }
    @media screen and (max-width:600px){
        .menu.responsive {position: relative;}
        .menu.responsive .icon{
            position: absolute;
            right: 0;
            top: 0;
        }
        .menu.responsive a{
            float:none;
            display: block;
            text-align: left;
        }
    }