/* Section - product */ 
 
 section.product { margin-top: 20px; margin-bottom: 30px; padding: 0; }
 section.product aside { width: 30%; float: left; text-align: center; margin-right: 25px; margin-bottom: 30px;}
 
 section.product aside {
	
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 8px;
		
}
 
 section.product aside h3 a { color: #000; text-decoration: none; }
 section.main aside h3 a:hover { text-decoration: underline; }
 
 section.product aside .content.app-001 { background-image: url(../images/touch-icon-ipad-retina.png); }
 section.product aside .content.iBook-001 { background-image: url(../images/Get_it_on_iBooks_Badge_US_1114.svg); }        		  
 section.product aside .content.ePub-001 { background-image: url(../images/web-icons-03.svg); }
 
 section.product .content{ margin: 15px; background: no-repeat center top; background-size: 75px 75px; padding-top: 85px; }
 
   
 /*-------*/




	#wrapper
	{
		margin:  0px;
		padding: 0 30px;
		background: #FFF;
		
		font-size: 11pt;
		font-weight: 300;
		color: #656565;
	}
	
	

	
	
	

	
	.container
	{
		overflow: hidden;
		margin: 0em auto;
		max-width: 1200px;
		
		
	}
	#extra .container 
	{
	
	}
/* app hero*/	
	
.app-hero
	{
		margin-top: 30em;
		text-align: center;
	}
	
	.app-hero h2
	{
		padding: 0em 1em;
		text-transform: uppercase;
		line-height: 1em;
		font-size: 3em;
		color: #FFF;
	}

	.app-hero span
	{
		display: block;
		padding: 0em 1em;
		line-height: 2em;
		text-transform: uppercase;
		font-size: 1.5em;
		font-weight: 700;
		color: #FFF;
	}


	

/* Heading Titles*/


	.title
	{
		margin-bottom: 3em;
	}
	
	.title h2
	{
		text-transform: uppercase;
		font-size: 2.7em;
	}
	
	.title .byline
	{
		font-size: 1.7em;
		color: #6F6F6F;
	}
		

	#wrapper
	{
		background: #FFF;
	}


/* Featured */

.buttonHolder #app-btn { text-align: center; }

	#extra
	{
		overflow: hidden;
		padding: 5em 0em;
	}
	
	#extra .title
	{
		text-align: center;
	}
	
	#extra .button
	{
		margin-top: 5em;
	}
	
	#extra .fa
	{
		display: block;
		margin-bottom: 0.5em;
		text-align: center;
		font-size: 3em;
	}


 /* Section - menu */ 
 
#app-btn
	{
    	position: relative;
    	right: 20px;
		margin-bottom: 20px;
		
		
	}


#app-btn ul
	{
		display: inline-block;
	}
	
	#app-btn li
	{
		display: block;
		text-align: center;
	}
	
	#app-btn li a, #app-btn li span
	{
		padding: 1em 1.5em;
		letter-spacing: 1px;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 0.8em;
		color: #2B3F48;
	}
	
	#app-btn li:hover a, #app-btn li.active a, #app-btn li.active span
	{
		color: #2B3F48;
	}
	
	#app-btn .current_page_item a
	{
		border: 2px solid #0D1778;
		border-radius: 6px;
		color: #16AEE8;
		
	}
	
	
/* screen sizes */
	
@media screen and (max-width: 760px) {

	
	
	section.product { margin-top: 10px; margin-bottom: 10px; }
	section.product aside div.content { background-size: 55px 55px; padding-top: 60px; }
}


@media screen and ( max-width: 625px) {

	

	section.product aside { width: 100%; float: none; text-align: left; }
	
	section.product aside div.content {
		margin: 8px 20px 8px 0;
		padding: 5px 0px 10px 85px;
		background-size: 50px 50px;
		background-position: 20px 5px;
	
	}
	
	
	
	section.product { margin-top: 10px; margin-bottom: 10px; }
	section.product aside div.content { background-size: 55px 55px; padding-top: 60px; }
}