/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
	
/* smartphones, iPhone, portrait 480x320 phones */	
@media (min-width:320px){
    .reveal-modal{
        width: 190px;
        margin-left: -135px;
    }
}

/* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
@media (min-width:481px){
    
}

/* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
@media (min-width:641px){

}

/* tablet, landscape iPad, lo-res laptops ands desktops */
@media (min-width:961px){
    
}

/* big landscape tablets, laptops, and desktops */
@media (min-width:1025px){
    .reveal-modal{
        margin-left: -300px;
        width: 520px;
    }
    h1{
       font-size: 2em;
    }
}

/* hi-res laptops and desktops */
@media (min-width:1281px){
    
}