Responsive Zurb Reveal modals

reveal_mq

/* Less than 480px */
@media screen and (max-width: 480px) { 
	.reveal-modal {
	visibility: hidden;
	top: 40px; 
	left: 0;
	margin-left: 0;
	width: 100%;
	}
}


/* Less than 580px */
@media screen and (min-width: 481px) and (max-width: 580px) { 
	.reveal-modal {
		visibility: hidden;
		top: 40px; 
		left: 50%;
		margin-left: -220px;
		width: 440px;
	}
}