@charset "UTF-8";
/* CSS Document */


/*---------popups--------*/

 
#cover{ position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:100; width:100%; height:100%; display:none; } 

.cancel { display:block; position:absolute; bottom:1em; right:1em;   color:black; height:30px; width:35px; font-size:30px; text-decoration:none; text-align:center; font-weight:bold; } 



 
#dod, #ect, #early, #wind, #circle, #knit, #turn, #ooh, #csc,  #onelogo, #epix, #green, #mel,    #shine,    #bike,  #fl, #quill, #wine, #site, #preg, #pig, #santa, #sushi, #corn, #cows  { height:50%;   max-width: 70%;  position:fixed; top: 25%; left:15%; right: 15%;   z-index:200; display:none;    background-color: rgba(255,255,255,1.0);    padding: 3em 3em 3em 10%;  border-radius:2px;    } 
 
#dod:target, #dod:target + #cover{ display:block; opacity:2; } 

#ect:target, #ect:target + #cover{ display:block; opacity:2; } 

#circle:target, #circle:target + #cover{ display:block; opacity:2; } 

#knit:target, #knit:target + #cover{ display:block; opacity:2; } 
 

#turn:target, #turn:target + #cover{ display:block; opacity:2; } 

#ooh:target, #ooh:target + #cover{ display:block; opacity:2; } 
 

#csc:target, #csc:target + #cover{ display:block; opacity:2; } 
 

#onelogo:target, #onelogo:target + #cover{ display:block; opacity:2; } 
 

#epix:target, #epix:target + #cover{ display:block; opacity:2; } 
  

#green:target, #green:target + #cover{ display:block; opacity:2; } 
 

#mel:target, #mel:target + #cover{ display:block; opacity:2; } 
 

#shine:target, #shine:target + #cover{ display:block; opacity:2; }

#early:target, #early:target + #cover{ display:block; opacity:2; }
 
 #fl:target, #fl:target + #cover{ display:block; opacity:2; } 
 
 #quill:target, #quill:target + #cover{ display:block; opacity:2; } 
 #wine:target, #wine:target + #cover{ display:block; opacity:2; } 
 
 #site:target, #site:target + #cover{ display:block; opacity:2; } 
 
 #preg:target, #preg:target + #cover{ display:block; opacity:2; } 
 
 #wind:target, #wind:target + #cover{ display:block; opacity:2; }
 
  #bike:target, #bike:target + #cover{ display:block; opacity:2; } 
    #pig:target, #pig:target + #cover{ display:block; opacity:2; } 
	  #corn:target, #corn:target + #cover{ display:block; opacity:2; } 
	    #santa:target, #santa:target + #cover{ display:block; opacity:2; } 
 #sushi:target, #sushi:target + #cover{ display:block; opacity:2; } 
		  #cows:target, #cows:target + #cover{ display:block; opacity:2; } 


/*---------------mobile----------------*/
@media only screen and (max-width: 480px)  {
	#dod:target, #dod:target + #cover{ display:none; opacity:2; } 
	
	#ect:target, #ect:target + #cover{ display:none; opacity:2; } 
	
	#circle:target, #circle:target + #cover{ display:none; opacity:2; } 


#knit:target, #knit:target + #cover{ display:none; opacity:2; } 
 

#turn:target, #turn:target + #cover{ display:none; opacity:2; } 

#ooh:target, #ooh:target + #cover{ display:none; opacity:2; } 
 

#csc:target, #csc:target + #cover{ display:none; opacity:2; } 
 

#onelogo:target, #onelogo:target + #cover{ display:none; opacity:2; } 
 

#epix:target, #epix:target + #cover{ display:none; opacity:2; } 
  

#green:target, #green:target + #cover{ display:none; opacity:2; } 
 

#mel:target, #mel:target + #cover{ display:none; opacity:2; } 
 

#shine:target, #shine:target + #cover{ display:none; opacity:2; } 
	
	#early:target, #early:target + #cover{ display:none; opacity:2; } 
 
 #fl:target, #fl:target + #cover{ display:none; opacity:2; } 
 
 #quill:target, #quill:target + #cover{ display:none; opacity:2; } 
	
	 #wine:target, #wine:target + #cover{ display:none; opacity:2; } 
 
 #site:target, #site:target + #cover{ display:none; opacity:2; } 
 
 #preg:target, #preg:target + #cover{ display:none; opacity:2; } 
 
  #bike:target, #bike:target + #cover{ display:none; opacity:2; } 
  
  #wind:target, #wind:target + #cover{ display:none; opacity:2; } 
  
  #pig:target, #pig:target + #cover{ display:none; opacity:2; } 
	#cows:target, #cows:target + #cover{ display:none; opacity:2; } 
	#corn:target, #corn:target + #cover{ display:none; opacity:2; } 
	#santa:target, #santa:target + #cover{ display:none; opacity:2; } 
	#sushi:target, #sushi:target + #cover{ display:none; opacity:2; } 

}