/* CSS Document */

@media screen and (min-width: 800px)
	{
	#navList {display:block !important;}
	}

@media screen and (max-width: 800px)
	{
/*	body {background-color: lightgreen;} */
	#head {height:auto;}
	#navMenuBtn {display:block;}
	#navList {display:none;}

	#logo {left:10px;}
	#navMenu {position:relative;top:auto;right:auto;left:30px;margin-top:95px;display:inline-block;}
	#navMenu li a {font-size: 30px;}
	#navMenu li a:link {font-size: 30px;}
	#navMenu li a:visited {font-size: 30px;}
	#navMenu li a:hover {font-size: 30px;}
	
	#navMenu li {display:block;}
	#navMenu li::after {content:"";}
	
	#page {padding:10px 10px;}
	
	#home-showcase > div {width:96%;}
	#home-process h2 {font-size:25px;}
	
	.home-process-point {width:100%;}
	
	.desktop {display:none;}
	.mobile {display:block;width:70%;margin:auto;}
	
	#foot {height:auto;padding:10px 10px;}
	.footBox {width:100%;}
	#footInfo {float:none;clear:both;margin-bottom: 20px;}
	#footContact {float:none;clear:both;margin-top:30px;}
	
	.footFormMsg {width:50%;}
	.footFormField {width:46%;}
	#formSubmit {width:9.5%;}
	#formTel {width:35%;margin-right:1.5%;}
	}

@media screen and (max-width: 420px)
	{
/*	body {background-color: lightblue;} */
	
	#home-process h2 {font-size:17px;}
	
	.footBox {height:auto;}
	
	#foot-address,
	#foot-email,
	#foot-tel {float:none;}
	
	#footForm {height:300px;}
	.footFormMsg {width:100%;margin-bottom:10px;padding:0px;float:none;}
	.footFormMsg textarea {box-sizing: border-box;padding: 3px;}
	.footFormField {width:100%;}
	#formSubmit {width:22%;}
	#formTel {width:75%;margin-right:3%;}
	}