body {
       width:100%;
       max-width:800px;
       margin:0 auto;
       
      }
      .container {
       width:100%;
       max-width:800px;
       margin:0 auto;
       
      }
      
          
      .boxinput{
       width:100%;
       max-width:800px;
       margin:0 auto;
       margin-top:0px;
       background:#B0BEC5;
       padding-top:30px;
       padding-bottom:40px;
       border-radius:0px;
      }
      
			.minlogo{
		      width:100%;
		      max-width:150px;
		      margin:0 auto;
		      border:0px solid grey;
		      display:non;
		     }.minlogo img{width:50px;margin:0 auto;display:block;}
		      .minlogo h4{
		       font-weight:400;
		       text-align:center;
		      }
		      
		      
		      .data{
		       width:100%;
		       max-width:200px;
		       margin:0 auto;
		       margin-top:20px;
		       background:white;
		       padding:20px;
		       border-radius:5px;
		       border:0px solid #7888A1;
		      }.data p{margin-bottom:5px;font-size:12px;display:flex;justify-content:space-between}
		       .data p label{font-weight:bold;}
		       .data p a{color:royalblue;text-decoration:none;}
		       .data input{width:100%;height:35px;display:block;border:1px solid silver;border-radius:5px;outline:none;}
		       .data input::hover{border:1px solid grey;}
		       .data button{width:100%;height:40px;background:#7888A1;border:2px solid #7883A1;border-radius:5px;color:white;font-weight:bold;display:block;margin-bottom:10px;}




			.notes{
		      width:100%;
		      max-width:800px;
		      margin:0 auto;
		      margin-top:0px;
		      background:#222;
		      padding-top:5px;
		      padding-bottom:20px;
		      display:none;
		    }.notes .no{
		      width:100%;
		      max-width:300px;
		      margin:0 auto;
		      margin-top:100px;
		      color:white;
		    }.notes p{
		     margin:0px;
		     margin-bottom:20px;
		     
		    }.notes h1{
		     margin-bottom:10px;
		     padding:0px;
		     margin-top:0px;
		    }

















@media (min-width:600px) {
	body {
		width:100%;
		max-width:800px;
		margin:0 auto;
		background:#B0BEC5;

	   }
	   .container {
		width:100%;
		max-width:800px;
		margin:0 auto;
		
	   }
	   
	   svg{
		display:none;
	   }
		   
	   .boxinput{
		width:100%;
		max-width:600px;
		margin:0 auto;
		margin-top:90px;
		background:#B0BEC5;
		padding-top:30px;
		padding-bottom:40px;
		border-radius:0px;
		border:0px solid white;
		display:flex;
		justify-content:space-around;
	   }
	   
			 .minlogo{
			   width:100%;
			   max-width:150px;
			   margin:0 auto;
			   border:0px solid grey;
			   display:non;
			   margin:120px auto auto 50px;
			  }.minlogo img{width:100px;margin:0 auto;display:block;}
			   .minlogo h4{
				font-weight:400;
				text-align:center;
			   }
			   
			   
			   .data{
				width:100%;
				max-width:200px;
				margin:0 auto;
				margin-top:20px;
				background:white;
				padding:20px;
				border-radius:5px;
				border:0px solid #7888A1;
			   }.data p{margin-bottom:5px;font-size:12px;display:flex;justify-content:space-between}
				.data p label{font-weight:bold;}
				.data p a{color:royalblue;text-decoration:none;}
				.data input{width:100%;height:35px;display:block;border:1px solid silver;border-radius:5px;outline:none;}
				.data input::hover{border:1px solid grey;}
				.data button{width:100%;height:40px;background:#7888A1;border:2px solid #7883A1;border-radius:5px;color:white;font-weight:bold;display:block;margin-bottom:10px;}
 
 

}