* {
		padding:0;
		margin: 0;
	}

	@font-face {
  	font-family: "CircularStd-Bold";
  	src: url("../fonts/CircularStd-Bold.otf") format("opentype");
	}
	@font-face {
  	font-family: "CircularStd-Medium";
  	src: url("../fonts/CircularStd-Medium.otf") format("opentype");
	}

	@font-face {
  	font-family: "CircularStd-Book";
  	src: url("../fonts/CircularStd-Book.otf") format("opentype");
	}

	 body{ 
	 	background-color: #188038; 
	 	transition-duration: .4s;
	 	-webkit-transition-duration: .4s;
	 	-o-transition-duration: .4s;
	 	-moz-transition-duration: .4s;
	 	-ms-transition-duration: .4s;
	 }

 	 a {
	 	text-decoration: none;
		color: #fefefe;
	 }
	 
	 .vertical-align {
	 	  position: absolute;
		  top: 50%;
		  width: 100%;
		  -webkit-transform: translateY(-50%);
		  -ms-transform: translateY(-50%);
  		  transform: translateY(-50%);

	 }

		 /* Prevent the flash of unstyled content */
	.intro > div {
	    display: none;
	}

	.intro > div.active {
	    display: block; 
	}

	 /* ___________________________Dates_____________________ */

	  .dates {
	  	font-family: "CircularStd-Book", Helvetica, Arial, serif;
	  	font-size: 22px;
	  	float:left;
	  	width:100%;
	  	position:fixed;
	 	padding-top: 50px;
	 	text-align:center; 

	 }

	 .dates ul {
	 	word-spacing: 23px;
	 	position:relative;
	 	left:50%;
	 }

	 .dates li {
	 	display:inline;
	 	list-style: none;
	   position:relative;
	   right:50%;
	 }

	 .dates a {
	 	display: inline-block;
	 	line-height: 40px;
	 	width:110px;
	 	height:40px;
	 	border-radius: 20px;
	 }

	 .dates a:hover {
	 	color:#fff;
	 	width:110px;
	 	height:40px;
	 	border-radius: 20px;
	 	background-color: rgba(255,255,255,0.5);
	}
	
	.dates a.google_date{
		color: #188038;
	}

	.dates a.huge_date{
		color: #ec008c;
	}

	.dates a.risd_date{
		color: #111;
	}

	.dates a.texas_date{
		color: #BF5700;
	}

	.dates a.baby_date{
		color: #03202F;
	}

	.dates li a:not(.current-date){
		color: #FFF;
	}
	
	.current-date {
	 	display: inline-block;
	 	color:#188038;
	 	width:110px;
	 	height:40px;
	 	border-radius: 10px;
	 	background-color: #FFF;
	 }


	 /* ________________________Intro_________________________ */

	 .intro {
	 	text-align: center;
	 	margin: 0 auto;
	 }

	 .intro h1 {
	    color: #fff;
	    letter-spacing:-3px;
	    font-family: "CircularStd-Bold", Helvetica, Arial, serif;
		line-height: 110%;
	 }

	   .intro h1 a {
	 	-o-transition:.3s;
	    -ms-transition:.3s;
	    -moz-transition:.3s;
	    -webkit-transition:.3s;
	    transition:.3s;
	    color:#FFF;
	 	text-decoration: underline;
 	}

 	 .intro > div {
	 	display: none;
	 }

	 .intro > div.active {
	 	display: block;
	 }

	 .intro h1 a:hover {
	 	color: rgba(255,255,255,0.5)
	 }
	

 	 /* __________________________Links________________________ */

 	.links {
 		display: block;
 		position:fixed;
	  	width:100%;
	  	text-align: center;
		bottom: 0;
		bottom: 40px;
	 }

	 .links ul {
 		left:50%;
	 }

	 .links li {
	 	display:inline;
	 	list-style: none;
	 	right:50%; 
		padding-right: 28px;
	 }

	 .links a {
		 -o-transition:.4s;
	 	 -ms-transition:.4s;
	 	 -moz-transition:.4s;
	  	-webkit-transition:.4s;
	  	transition:.4s;
	 }

  	.links a:hover {
 		opacity: 0.5;
 		filter: alpha(opacity=50);
 	}

 
 /* _______________________Large Screens________________________ */


	 @media only screen and (min-width: 1026px) {
  		

  		.intro h1 {
    		font-size: 85px;  
    	}
 
    	.links a {
	 		font-size: 18px;
	   }

    	.intro {
    		max-width: 875px;
    	}
 
	 }


 /* _______________________Medium Screens________________________ */


	 @media (min-width: 641px) and (max-width: 1025px) {
  		
  		.dates ul {
	 		word-spacing: 14px;
	 	}
  		
  		.intro h1 {
    		font-size: 72px;  
    	}

    	.links a {
	 		font-size: 18px;
	   }


	 }

	  /* _______________________Medium Screens________________________ */


	 @media only screen (min-width: 641px) and (max-width: 1025px) {
  		
  		
  		.intro h1 {
    		font-size: 72px; 
    	}

    	.intro {
    	max-width: 80%;
   		 }

	 }

	
	 /* ________________________Small Screens_______________________ */


		 @media (min-width: 321px) and (max-width: 640px) {

  	
	 	.dates a {
	 		font-size: 18px;
		 	line-height: 40px;
		 	width:60px;
		 	height:40px;
		 	border-radius: 20px;
	 	}

	 	 .dates a:hover {
		 	width:60px;
		 	height:40px;
		 	border-radius: 20px;
		}

		 .dates ul {
	 		word-spacing: 2px;
	 		position:relative;
	 		left:50%;
	 	}
	 
  		.intro h1 {
    		font-size: 42px;
    		letter-spacing:-2px; 
    	}

    	.intro {
    		max-width: 80%;
   		 }

    	.links {
		 	text-align: center;
		 	position: fixed;
		 	bottom: 0;
			padding-bottom: 50px;
			width: 100%;
	 	}

	 }

 /* ________________________Small Screens_______________________ */


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

  	
	 	.dates a {
	 		font-size: 16px;
		 	line-height: 40px;
		 	width:60px;
		 	height:40px;
		 	border-radius: 15px;
	 	}

	 	 .dates a:hover {
		 	width:60px;
		 	height:40px;
		 	border-radius: 15px;
		}
	 	
  		.intro h1 {
    		font-size: 32px;
    		letter-spacing:-2px;  
    	}

    	.intro {
    	max-width: 90%;
   		 }


    	 img {
	 		width:40px;
	 	}	

	 	.links li {
		 	display:inline;
		 	list-style: none;
		 	right:50%; 
		 	padding: 8px;
	}

	 }

	 	 /* _____________________Mobile Screens________________________ */



	 @media only screen and (max-width: 320px) {
  		
  	
  	.dates {
		padding-top: 20px;
  	}

	.dates a {
 		font-size: 16px;
	 	line-height: 40px;
	 	width:55px;
	 	height:40px;
	 	border-radius: 20px;
 	}

 	 .dates a:hover {
	 	width:55px;
	 	height:40px;
	 	border-radius: 15px;
	 	background-color: #FFF;
	}

 	.dates ul {
 		word-spacing: 2px;
	}

	.current-date {
	 	display: inline-block;
	 	color:#188038;
	 	width:55px;
	 	height:40px;
	 	border-radius: 15px;
	 	background-color: #FFF;
	}

  	.intro h1 {
    	font-size: 30px; 
    	letter-spacing:-2px;  
    }

    .intro {
    	max-width: 90%;
    }

    .links {
		text-align: center;
		width: 100%;
	 	position: fixed;
	 	bottom: 0;
		padding-bottom: 30px;
	 }

	 .links ul {
 		left:50%;
	 }

	 .links li {
		 	display:inline;
		 	list-style: none;
		 	right:50%; 
		 	padding: 8px;
	}

	 img {
	 		width:40px;
	 }	


	}