@media only screen and (max-width: 800px) 
{
    #header  
    {
        position: absolute;
        
    }

    #header-menu button
    {
    	font-size: 14px;
    	margin: 0px 10px 0 10px;
    }

    #book-tag
	{
		top: 445px;
		left: -60px;
		width: 120px;
		height: 120px;
	}

	#book-tag img
	{
		width: 100%;
		height: 100%;
	}

    #section-concept #steps
    {
    	width: 100%;
    }

    #section-concept #steps div p
    {
    	padding: 0 25px 0 25px;
    	margin: 10px;
    }

	#section-concept #steps div
	{
		width: 100%;
		/*float: left;*/
	}

    .step-text
    {
    	font-size: 20px;
    }

    #section-concept #image
    {
    	width: 550px;
    }

    #section-concept #keywords
    {
    	width: 600px;
    	padding-top: 0;
    }

    #section-download
    {
    	height: 1580px;
    }

    #section-download #iPad
    {
    	width: 600px;
    	height: 680px;
    }

    #section-download #iPad div
    {
    	width: 100%;
    	height: auto;
    }

    #section-download #iPad div p
    {
    	width: 600px;
    	line-height: 25px;
    	vertical-align:top;
    	height: auto;
    	padding:20px;
    	margin: 0;
    }

    #section-download #iPhone
    {
    	width: 600px;
    	height: 230px;
    	padding-top:0;
    }

    #section-concept #image img
    {
    	width: 100%;
    }

    #app-tag
    {
    	left:auto;
    	top:auto;
    	right: 70px;
    	bottom: -40px;
    }

    #section-author #image
    {
    	width:600px;
    	height: 800px;
    }

    #section-author #image img
    {
    	width: 100%;
    }

    #section-author #text
    {
    	width: 560px;
    	padding: 0 20px; 
    }

    #section-medias div
    {
    	width: 600px;
    }

	#footer-content
	{
		width: 90%;
	}

    #footer-content p
    {
    	font-size: 12px;
    }
}