* {
  font-family: "avenir", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  -webkit-font-smoothing: antialiased;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

html {
  position: relative;
  min-height: 100%;
}

a:link {
    text-decoration:none;
	background-color: #ec008c;
	color:#fcfd85;
	font-weight:bold;
	
}

a:visited {
    text-decoration:none;
	background-color: #ec008c;
	color:#fcfd85;
	font-weight:bold;
}

a:hover {
    text-decoration:none;
	background-color: #ec008c;
	color:#f2c62e;
	font-weight:bold;
}

a:active {
	text-decoration:none;
	background-color: #ec008c;
	color:#f2c62e;
	font-weight:bold;
}


/* iPhone */

@media only screen and (min-device-width : 320px) and (max-device-width : 640px) {

	body {
		margin:0;
		background-image: url('images/drops.png');
	}
	
	video#bgvideo {
		display:none;
	}
	
	.overlay {
		position:relative;
		width: 100%;
		height: 100%;
		display: block;
		z-index:0;
		text-align:center;
	}

	.overlay img {
		display:none;
	}

	.blurb h2 {
		width:100%;
		margin-top:40px;
		font-size:40px;
		color:white;
		font-weight:bold;
		text-align:center;
	}

	.blurb p {
		width:90%;
		margin: 30px 40px 0px 20px;	
		font-size:17px;
		color:white;
		text-align:left;
	}

	.footer {
		width:0 auto;
		margin-bottom:30px;
	}

	.footer p {
		font-size:17px;
		color:white;
	}
	
	.footer a {
		color:white;
		background:transparent;
		
	}
}

/* iPad */

@media only screen and (min-device-width : 641px) and (max-device-width : 1023px) and (-webkit-min-device-pixel-ratio: 1) {
	
	body {
		margin:0;
		background-image: url('images/drops.png');
	}
	
	video#bgvideo {
		display:none;
	}
	
	.overlay {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		z-index:0;
	}

	.blurb h2 {
		width:100%;
		color:white;
		font-weight:bold;
		font-size:50px;
		margin-left:20px;
	}

	.blurb p {
		width:100%;
		margin: 10px 0px 40px 20px;	
		font-size:20px;
		color:white;
		text-align:left;
	}
	
	.footer {
		width:0 auto;
		margin-bottom:30px;
	}

	.footer p {
		font-size:20px;
		color:white;
	}
	
	.footer a {
		color:white;
		background:transparent;
		
	}

}



/*Desktop*/
@media only screen and (min-device-width: 1024px) {
		

	body {
		margin:0;
	}
	
	video#bgvideo {
		position: fixed;
		top: 50%;
		left: 50%;
		min-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
		z-index:-100;
		-webkit-transform: translateX(-50%) translateY(-50%);
		    transform: translateX(-50%) translateY(-50%);
		    background: url(images/videoposter.jpg) no-repeat;
		    background-size: cover; 
	}
		
	.overlay {
		position: relative;
		width: 100%;
		height: 100%;
		display: block;
		z-index:0;
	}

	.blurb {
		position: relative;
		top: 0%;
		left: 20%;
		width: 800px;
	}

	.blurb h2 {
		font-weight:bold;
		font-size:60px;
		color:white;	
	}
	
	.blurb p {
		margin-top:16px;
		margin-left:0px;		
		font-size:25px;
		color:white;
	}

	
	.footer a:link {
	    text-decoration:none;
		background-color:transparent;
		color:#fcfd85;
		font-weight:normal;
	}
	
	.footer a:hover {
	    text-decoration:none;
		background-color:transparent;
		color:#f2c62e;
		font-weight:normal;
	}
	
	.footer p {
		padding-top:40px;
		margin-top:16px;
		margin-left:0px;		
		font-size:25px;
		color:white;
		
	}


}