@media only screen and (min-width : 100px) and (max-width: 600px){
	fieldset{
		padding-top:5%;
		padding-bottom:5%;
	}
	
.land{
	line-height: 150%;
	width : 94%;
	margin-left : 2% ;
	margin-right : 2% ;
	position : fixed ;
	top : 40% ;
	background-color : rgba(150 , 100, 200 , 0.9) ;
	z-index : 1 ;
}

form .editor{
	clear:both ;
	margin-left :2% ;
	width: 100%;
	line-height : 240% ;
	font-size : 100% ;	
}
legend{
	color : khaki ;
	font-weight : bold ;
	font-size : 110%;
}
.editor label{
	width : 35%; font-size : 90% ;
	padding-left:1% ;
	margin-right : 0;
	float : left;
	text-align : left ;
	color : white ;
	font-weight : bold ;
}
.editor input{
	width : 55%;
	padding-right : 0 ;
	margin-right :0;
	float : left;
	text-align : left ;
}
form .mario{
	text-align:center ;
	font-size : 70% ;
	width:100%;
	color : white ;
	font-weight : bold ;
}

.mario a{
	text-decoration:none;
	color : #fffacd ;
	}
	.mario a:hover{
	color: #00ff7f ;
	}
	
form .submit{
	font-size :80%;
	margin-left:30% ; 
	margin-right:20%;
	margin-bottom : 4% ;
	width :50%;
	text-align:center;
}	
}


 @media only screen and (min-width : 601px) and (max-width : 900px){
 .editor{
	clear:both ;
	margin-left :1% ;
	width: 100%;
	line-height : 280% ;	
}
.land{
	margin-top : 8% ;
	line-height: 200%;
	width : 60%;
	position:fixed;
	margin-left:20%;
	background-color : rgba(150 , 100, 200 , 0.9) ;
}
legend{
	color : khaki ;
	font-weight : bold ;
	font-size : 110%;
}
.editor label{
	width : 38% ;
	padding-left:2% ;
	margin-left : 1%;
	float : left;
	text-align : left ;font-size:100%;
	color:maroon;
	font-weight:bold ;
}
.editor input{
	width : 50%;
	padding-right : 2% 
	float : left;
	text-align : left ;
}
form .mario{
	text-align:center ;
		color : white ;
	font-weight : bold ;
}
	.mario a{
	text-decoration:none;
	color : #fffacd ;
	}
	.mario a:hover{
	color: #00ff7f ;
	}
	
form .submit{
	margin-left:40% ;
	margin-top : 5%;
	margin-bottom : 4% ;
	width :20%;
	text-align:center;
}	

	}
	
	@media only screen and (min-width : 901px) and (max-width : 5000px){
 .editor{
	clear:both ;
	margin-left :1% ;
	width: 100%;
	line-height : 280% ;	
}
.land{
	margin-top : 1% ;
	line-height: 200%;
	width : 40%;
	position:fixed;
	margin-left:30%;
	background-color : rgba(150 , 100, 200 , 0.9) ;
}
legend{
	color : khaki ;
	font-weight : bold ;
	font-size : 110%;
}
.editor label{
	width : 42% ;
	padding-left:2% ;
	margin-left : 1%;
	float : left;
	text-align : left ;font-size:100%;
	color:maroon;
	font-weight:bold ;
}
.editor input{
	width : 50%;
	padding-right : 2% 
	float : left;
	text-align : left ;
}
form .mario{
	text-align:center ;
		color : white ;
	font-weight : bold ;
}
.mario a{
	text-decoration:none;
	color : #fffacd ;
	}
	.mario a:hover{
	color: #00ff7f ;
	}
	
form .submit{
	margin-left:40% ;
	margin-top : 5%;
	margin-bottom : 4% ;
	width :20%;
	text-align:center;
}	

	}