* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
} 

body {
	background-color: #003366;
	/*font-family: 'Courgette', cursive;*/
	font-family: 'Open Sans Condensed', sans-serif;
}




.ferromenu-controller{
	position:fixed;
	display:block;
	width:80px;
	height:80px;
	text-align:center;
	-webkit-border-radius:50%;
	border-radius:50%;
	background: #FFD9FF;
    color:#665266;
    font-size:24px;
    line-height:80px;
    vertical-align:middle;
    text-decoration:none; 
    opacity:0;
}

.ferromenu-controller .label{
	-webkit-transition : all 0.2s linear;
	-moz-transition : all 0.2s linear;
	-ms-transition : all 0.2s linear;
	-o-transition : all 0.2s linear;
	transition : all 0.2s linear;


}
/*

.ferromenu-controller.open .label{
	-webkit-transform : rotate(45deg);
	-moz-transform : rotate(45deg);
	-ms-transform : rotate(45deg);
	-o-transform : rotate(45deg);
	transform : rotate(45deg);
}

*/

.ferromenu-controller.desktop:hover,
.ferromenu-controller.mobile:active{
	opacity:0;
}



#nav li,#nav2 li{
	margin-top:20px;
	text-align:center;
}

#nav li a,#nav2 li a{
	font-size:20px;
	color:#665266;
	text-decoration:none;
	width:100px;
	height:100px;
	-webkit-border-radius:50%;
	border-radius:50%;
	background: #FFD9FF;
	line-height:100px;
	display:block;
}

#nav li .one {
	line-height: 27px;
}

#nav li .ftwo {
	line-height: 24px;
}

#nav li .three {
	line-height: 27px;
}

#nav li .five {
	line-height: 25px;
}

#nav li .eight {
	line-height: 29px;
}

#nav li .twelve {
	line-height: 27px;
}

#nav li.desktop a:hover,#nav2 li.desktop a:hover,
#nav li.mobile a:active,#nav2 li.mobile a:active{
	opacity:0.7;
}