@media screen and (min-width: 600px) and (max-width: 1024px) {
	.modal-content {
		width: 60%;
	}
	#email_address_is {
	  width: 100%; /* Full width */
	  padding: 12px; /* Some padding */ 
	  border: 1px solid #ccc; /* Gray border */
	  border-radius: 4px; /* Rounded borders */
	  box-sizing: border-box; /* Make sure that padding and width stays in place */
	  margin-top: 6px; /* Add a top margin */
	  margin-bottom: 16px; /* Bottom margin */
	  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
	}
	#registration_form_full{
		float:left;
		width:80%;
		margin-left:10%;
		margin-bottom:2%;
		padding:2%;
		border:1px solid gray;
	}
	.responsive_header{
		width: 96%;
		float: left;
		margin-left: 2%;
	}
	.responsive_body{
		width: 80%;
		float: left;
		margin-left: 10%;
	}
}

@media screen and (max-width: 600px) { 
	.modal-content {
		width: 90%;
	}
	#email_address_is {
	  width: 100%; /* Full width */
	  padding: 12px; /* Some padding */ 
	  border: 1px solid #ccc; /* Gray border */
	  border-radius: 4px; /* Rounded borders */
	  box-sizing: border-box; /* Make sure that padding and width stays in place */
	  margin-top: 6px; /* Add a top margin */
	  margin-bottom: 16px; /* Bottom margin */
	  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
	}
	#registration_form_full{
		float:left;
		width:94%;
		margin-left:3%;
		margin-bottom:2%;
		padding:2%;
		border:1px solid gray;
	}
	.responsive_header{
		width: 80%;
		float: left;
		margin-left: 10%;
	}
	.responsive_body{
		width: 80%;
		float: left;
		margin-left: 10%;
	}
}