/* CSS Document */

*{
margin:0; border:0; padding:0;		
}
body{
background:#f0f0f0; font:14px/20px Arial, San-serif; color:#555; margin:0;
}

.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}

h1{
text-align:center; font-size:180%; line-height:120%; padding:5% 0;	
}
h2{
text-decoration:underline; line-height:280%; padding-left:2%;	
}
h3{
line-height:110%; padding:5% 0;	
}
p{
padding:1%;	
}
img{
text-align:center; max-width:100%; height:auto; width:auto;	
}
a{
color:#405580; text-decoration:none; font-weight:bold;	
}
a:hover{
color:blue; text-decoration:underline; 	
}
header{
background-color:#fff; width:100%; height:120px; position:fixed; top:0; left:0;
z-index:100; opacity:.90; margin-bottom:20px;
}
#logo{
	margin-left:35px; margin-top:20px; float:left; height:95px;
/*margin:20px; float:left; width:200px; height:60px;	
background:url(http://www.w3newbie.com/wp-content/uploads/the-gym.png) no-repeat center;*/
}
nav{
float:right; padding:55px 20px 20px	0; margin-right:5px;
}
#menu-icon{
display:none; height:25px; width:25px;
 background-image: url(../img/menuIcon.png);/* background-color: #cccccc;	*/
}
#btn-menu{
	width:30px; height:30px;font-size:200%;
}
a:hover#menu-icon{
border-radius:4px 4px 0 0 ;	
}
ul{
list-style:none;	
}
nav ul li{
display:inline-block; float:left; padding:10px; cursor:pointer;	
}
.current{
color:#405580; text-decoration:underline;	
}
#doc{
margin:40px 0;	
}
#content{
margin:0 auto; /*max-width:1140px; */ width:100%; margin-top:120px;	
}
.blueberry{
/*max-width:960px;*/ width:100%;
 margin-top:120px;	
}
section{
width:29%; float:left; margin:2% 2%; text-align:center;	
}
.clear{clear:both;}
article{
float:left; margin:0 auto; width:50%; height:auto; padding:4%;	
}
aside{
float:right; margin:0 auto; width:35%; height:auto; padding:3%;
}
ul.gym li{
padding-left:3%;	
}
footer{
background:#333333; width:100%; overflow:hidden; opacity:0.90;	
}
footer p , footer h3{
	color:#fff;
}
footer p a{
color:#fff; text-decoration:none;	
}
ul.social li{
display:inline;
}
ul.social li img{
width:50px; height:50px;	
}
footer.second{
border-top:1px solid #4d4e50;
background-color:#333333; max-height:50px; text-align:center; opacity:.95;	
}



/* ----------- Media -----------*/
@media screen and (max-width:478px){
	body{position:absolute;}
}
@media screen and (max-width:780px){
	header{position:absolute;}
	#logo{margin-left:25px; margin-top:20px; float:left; height:95px; width:200px;}
	#menu-icon{display:inline-block; }
	#btn-menu{
	font-size:200%;
}
	nav ul, nav:active ul{
	display:none; position:absolute; padding:20px; background:#DADADA; 
	border:1px solid #fff; right:20px; top:60px; width:50%; border-radius:2px 0 2px 2px;	
	}
	nav li{
	text-align:center; width:100%; padding:10px 0; margin:0;	
	}
	nav:hover ul{
	display:block; 	
	}
	section{
	float:left; width:100%; margin:30px 0;	
	}
	article{
	float:left; width:100%; margin:30px 0;	
	}
	aside{
	float:left; width:100%; margin:30px 0;	
	}
	
	
	

}