@media only screen and (max-width: 600px) {
    body {


    }

    .page-wrapper {
    	width: 100%;
    	min-width: 320px;
    
    }
        
     .page-wrapper,  article.page.welcome, article.page   { 
     	width: 92%; 
     } 
     #header1 {
     	width: 92%;
     	padding-left: 8%;
     }
    article.page.welcome {
   	 padding-top: 0px;
    	min-width: 320px;
    }
    
    #header2 .inner-wrapper {
    	width: 92%;
    	min-width: 320px;
    }
    
    #header2 .left, #header2 .left .progress, article.page.welcome section div {
    	width: 100%;
    }
    

    #header2 .right {
    	display: none;
    }
  	#header2 .left .progress {
    	left: 4%;
    	width: 92%;
    	
    }
    
    body.welcome #header2 .right {
    	display: block;
    	width: 100%;
    }
    body.welcome #header2 .left {
    	display: none;
    	text-align: center;
    }
    
     body.welcome #btnNextPage {
    	width: 92%;
    	margin-left: 4%;

    }
    
    body:not(.welcome) #btnNextPage {

    }
    footer {

		display: block;
		text-align: center;
		color: rgba(51,51,51,0.5);
	}
    .btn-blue {
    	width: 100%;
    }
        
    header .page-wrapper {
    	width: 100%;
    }
    .page-wrapper {
   		width: 92%;
    }

	.navi {
		display: none;
	}

    #header1 #logo {
    	padding-left: 0;
    }
    
    article.page{
    	margin-left: 0px;
    	padding-bottom: 10px;
    }
    article.page.welcome h1, article.page header h1 , article.page header h2 {
    	font-size: 24px;
    	line-height: normal;
    }
    article.page.welcome h2, article.page header h3 {
    	font-size: 16px;
    	line-height: 24px;
    }
    article.page.welcome h1, article.page.welcome h2,
    article.page header h1, article.page header h2
     {
    	width: 100%;
    }
    body.welcome header, header{
    	width: 100%;
    	height: 580px;
    }
    article.page.welcome article {
    	padding-top: 0;
    }
    article.page.welcome section{

   		word-wrap: break-word;
    }
    article.page.welcome section div {
  		font-size: 16px;
  		line-height: 24px;
    	margin-bottom: 20px;
    }
    
    div.privacy {
    	margin: 0 auto;
    	position: static;
    	background-color: transparent;
    	box-shadow: none;
    }
    div.privacy h4,  div.privacy p {
     	display: none;
    }
    
    .user-input-wrp-1, .user-input-wrp-2, .user-input-wrp-3, .user-input-wrp-23 {
    	width: 100%;
    }

	body#modal-message article.message-content {
		position: static;
		padding: 4%;
		width: 92%;
		min-width: 320px;
	}
	.message-content header,  body#modal-message header span.headline {
		width: auto;
	}
	body#modal-message header #logo {
		float: right;
	}
	.modal-content {
		min-width: 320px;
	}
	.modal-content article.inner {
		padding: 20px;
	}
	.modal .close {
		top: 65px;
		left: 92%;
	}
	
	article.page.welcome article {
		position: absolute;
		top: 400px;
	}
	
	.questionaire .btnNextPage {
		display: block;
	}
     
}