
.container-fluid {
	padding: 0;
	overflow: hidden;

}

.row {
	width: 100%;
	margin: 0;
	overflow: hidden;
}



/*--------Navigation style starts here---------*/

.nav {
	padding-top: 15px;
	position: relative;
	z-index: 10;
}

.navbar {
	background-color: white;
}

.nav li {
	font-family: Montserrat, sans-serif;
	font-size: .75em;
	color: slategrey;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 3px;
}

.nav .center {
	display: inline-block;
	float: none;
	text-align: center;
}

.nav .text-left {
	padding-left: 65px;
}

.nav a{
	color: slategrey;
	padding-right: 25px;
}

.nav a:hover {
	color: orangered;
	text-decoration: none;
}

.nav .text-right {
	padding-right: 40px;
}

.day {
	font-family: Montserrat, sans-serif;
	letter-spacing: 2px;
	border: 2px solid #151515;
	width: 30px;
	padding: 3px 0 3px 3px;
	display: inline-block;
	color: #151515;


}

/*--------Day 1 starts here---------*/

#one .content {
	background-color: yellow;
	padding: 15rem 0 12rem 0;
}

#one .firstfont {
	font-family: Montserrat, sans-serif;
	letter-spacing: 5px;
	font-size: 7em;
	font-weight: 700;
	line-height: 1.25em;
	color: white;
	margin-top: 50px;
	overflow: hidden;

} 

#one .secondfont {
	font-family: 'Playfair Display', serif;
	font-size: 1.5em;
	font-weight: 400;
	width: 75%;
	margin: auto;
	line-height: 1.85em;
	margin-top: 25px;
	color: black;
} 

#one .colophon {
	font-family: Montserrat, sans-serif;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#one a {
	color: orangered;
}

#one a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 2 starts here---------*/

#two .content {
	background-color: #EDEEE8;
	padding: 15rem 0 12rem 0;
}

#two .row {
	width: 80%;
	margin: auto;
	margin-top: 75px;
	padding-right: 10px;
}

#two .firstfont {
	font-family: 'Yeseva One', serif;
	font-size: 5em;
	line-height: 1.15em;
	color: black;
	overflow: hidden;
	padding-bottom: 15px;

} 

#two .secondfont {
	font-family: 'Crimson Text', serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.75em;
	color: black;
	padding-top: 15px;

} 

#two .colophon {
	font-family: Montserrat, sans-serif;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#two a {
	color: orangered;
}

#two a:hover {
	text-decoration: none;
	color: slategrey;
}





/*--------Day 3 starts here---------*/

#three .content {
	
	background-color: hotpink;
	padding: 15rem 0 12rem 0;
}

#three .day {
	color: snow;
	border: 2px solid snow;
}

#three .row {
	width: 90%;
	margin: 75px auto auto auto;
}

#three .firstfont  {
                
	font-family: 'Fjalla One', sans-serif;
	font-size: 1.25em;
	letter-spacing: 8px;
	line-height: 1.25em;
	color: snow;
	overflow: hidden;
	margin-bottom: 30px;

} 

#three hr {
	width: 8%;
	border: 1px solid snow;
}

#three .secondfont {
	margin-top: 30px;
	font-family: 'Bad Script', cursive;
	letter-spacing: 1px;
	font-size: 1.25em;
	line-height: 1.75em;
	color: snow;
} 

#cat {
	text-decoration: line-through;
	color: #e6ff5d;
}


#three .colophon {
	font-family: Montserrat, sans-serif;
	color: snow;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#three a {
	color: orangered;
}

#three a:hover {
	text-decoration: none;
	color: #e6ff5d;
}





/*--------Day 4 starts here---------*/

#four .content {
	
	background-color: whitesmoke;
	padding: 15rem 0 12rem 0;
}

.test {
	margin-top: 5em;
}

#four .firstfont {
	width: 90%;
	margin: auto;
	overflow: hidden;
}

#four .firstfont h2 {
	font-family: 'Londrina Outline', sans-serif;
	font-size: 4.75em;
	letter-spacing: 10px;
	line-height: 1.1em;
	margin: 0;
	color: blue;
}

#four .secondfont {
	font-family: Alegreya, serif;
	letter-spacing: 1px;
	font-size: 1.15em;
	line-height: 1.75em;
	color: slategray;
	padding-top: 50px;
	width: 95%;
	margin: auto;
}



/*--------Tablet Media Query-------*/

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

#four .firstfont h2{
  font-size: 10em;
    }
}


/*--------Desktop Media Query-------*/

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

#four .row {
	margin-bottom: 15em;
}

#four .firstfont {
	position: absolute;
	margin: 0 auto; 
	left: 0;
	right: 0;
	width: 70%;
	display: inline-block;
}

#four .firstfont h2{           
	z-index: 1;
} 

  #four .firstfont h2:nth-child(1) {
    left: 0px; }
  #four .firstfont h2:nth-child(2) {
    text-align: center;
		top: 160px; }
  #four .firstfont h2:nth-child(3) {
    text-align: right;
		top: 318px;}


#four .secondfont {
	float: left;
	position: relative;
  width: 70%;
  padding-top: 20px;
  padding-left: 40px;
  z-index: 2;
  margin-bottom: 15em;
} 


}

/*------End Media Query-----*/

#four .colophon {
	font-family: Montserrat, sans-serif;
	color: black;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#four a {
	color: orangered;
}

#four a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 5 starts here---------*/

#five .content {
	
	background-color: #1B1B25;
	padding: 15rem 0 12rem 0;
}

#five .day {
	color: snow;
	border: 2px solid snow;
}

#five .firstfont  {
               
	padding: 50px;
	width: 300px;
	margin: auto;
	border: 5px solid gainsboro;
} 

#five .firstfont h2{
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 7px;
	color: gainsboro;
	font-weight: 700;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 45%, #DCDCDC 45%, #DCDCDC 55%, transparent 55%, transparent 100%);
}

#five .firstfont h2:last-child{
margin-bottom: 20px;

}

#five .filler {
	background-color: #1B1B25;
}

#andto {
	padding-left: 12px;
}

#alla {
	padding-right: 7px;
}

#good {
	padding-left: 12px;
	padding-right: 4px;
}

#night {
	padding-right: 4px;
}

/*---------Paragraph Styling-------*/

#five .secondfont {
	font-family: Lora, serif;
	letter-spacing: 4px;
	font-size: .85em;
	line-height: 2em;
	width: 300px;
	margin: 50px auto 75px auto;
	color: gainsboro;
} 


#moon {
	font-size: 2em;
	font-style: normal;
	float: left;
	margin-right: 32px;
	padding-top: 3px;
	padding-bottom: 75px;
}

/*------Responsive styling--------*/
@media only screen and (min-width : 480px) {
#five .firstfont  {
	padding: 50px;
	width: 440px;
}

#five .firstfont h2{
	font-size: 3.25em;
	line-height: 1.2em;
}

#five .secondfont {
	width: 440px;
} 

}
/*------End responsive------*/



#five .colophon {
	font-family: Montserrat, sans-serif;
	color: snow;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#five a {
	color: yellow;
}

#five a:hover {
	text-decoration: none;
	color: slategrey;
}



/*---------End Day 5---------------*/



/*--------Day 6 starts here---------*/

#six .content {
	background: url(../images/desert.jpg);
	background-color: #faf6f2;
	background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
	padding: 15rem 0 12rem 0;
}


#six .row {
	width: 95%;
	margin: 75px auto auto auto;

}

#six .firstfont  {
                
	font-family: 'Playfair Display', serif;
	font-size: 1.8em;
	letter-spacing: 10px;
	line-height: 1.5em;
	color: #151515;
	overflow: hidden;

} 

#six .is {
	font-size: .5em;
	letter-spacing: 5px;
	font-style: italic;
}

#six .secondfont {
	margin-top: -15px;
	font-family: 'Cutive Mono', sans-serif;
	letter-spacing: .5px;
	font-size: 1.1em;
	line-height: 1.75em;
	color: black;
	background-color: rgba(227, 237, 233, .75);
	padding: 50px 15px;
} 


/*------Responsive styling--------*/
@media only screen and (min-width : 480px) {

#six .colophon {
	background-color: #faf6f2;
}

#six .firstfont  {
                
	font-family: 'Playfair Display', serif;
	font-size: 3em;
	letter-spacing: 10px;
	line-height: 1.5em;
	color: #151515;

} 

#six .secondfont {
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 175px;
	margin-top: -25px;
	font-size: 1.25em;
	line-height: 1.75em;
	padding: 50px 50px;
} 
}


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

#six .secondfont {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
	font-size: 1.25em;
	line-height: 1.75em;
	padding: 50px 50px;
} 
}


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

#six .row {
	margin: 100px auto auto auto;

}

#six .secondfont {
	width: 33%;
	margin-left: auto;
	margin-right: auto;
	margin-top: -25px;
	margin-bottom: 300px;
	font-size: 1.25em;
	line-height: 1.75em;
	padding: 50px 50px;
} 
}

/*------End responsive------*/

#six .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 1rem 0 1rem;
	letter-spacing: 3px;
	display: inline-block;
}

#six a {
	color: orangered;
}

#six a:hover {
	text-decoration: none;
	color: slategrey;
}

/*-------End Day 6------*/


/*--------Day 7 starts here---------*/

#seven .content {
	background-color: rosybrown;
	background-position: center bottom;
  background-size: contain;
  background-repeat: no-repeat;
	padding: 15rem 0 12rem 0;
}


#seven .row {
	width: 95%;
	margin: 75px auto auto auto;

}

#seven .firstfont  {
                
	font-family: 'Merriweather', serif;
	font-size: 10em;
	font-style: italic;
	letter-spacing: 10px;
	line-height: 1.5em;
	color: snow;
	padding-bottom: 15px;
	padding-left: 50px;
	-ms-transform: rotate(90deg); /* IE 9 */
  -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
  transform: rotate(90deg);

} 

#seven .time  {
                
	font-family: 'Merriweather', serif;
	font-size: 2em;
	letter-spacing: 10px;
	line-height: 1.5em;
	color: snow;
	padding-bottom: 15px;
	margin: 225px auto auto auto;
	padding-top: 30px;
	border-top: 5px solid snow;
	width: 150px;
} 


#seven .secondfont {
	font-family: 'Source Sans Pro', sans-serif;
	letter-spacing: .5px;
	font-size: 1.25em;
	line-height: 2em;
	color: snow;
	padding: 25px 15px;
	margin-top: 20px;

} 

#herewego {
	font-family: Merriweather, serif;
	font-style: italic;
}

/*------Responsive styling--------*/
@media only screen and (min-width : 480px) {

#seven .firstfont  {
	padding-left: 150px;
	font-size: 12em;

} 

#seven .time  {
                
	margin: 275px auto auto auto;
	padding-top: 30px;
} 

}


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

#seven .firstfont  {
	padding-left: 100px;
	font-size: 12em;

} 


#seven .secondfont {
font-size: 1.5em;
text-align: left;
border-left: 6px solid snow;
padding: 0px 75px 300px 75px;
margin-top: 300px;
margin-bottom: 50px;
}
}


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

#seven .time  {
	margin: 100px auto auto auto;

} 	

}

/*------End responsive------*/

#seven .colophon {
	font-family: Montserrat, sans-serif;
	color: snow;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 1rem 0 1rem;
	letter-spacing: 3px;
	display: inline-block;
}

#seven a {
	color: #151515;
}

#seven a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 8 starts here---------*/

#eight .content {
background-color: #ECE6E0;
padding: 15rem 0 12rem 0;
}

#eight .card {
	background-color: rgba(255, 255, 255, .5);
	width: 90%;
	margin: auto;
	border: 2px solid #1B1E61;
	margin-top: 100px;
	color: #1B1E61;
	position: relative;
}

#eight .cardtexture {
	background-image: url('../images/stardust.png');
	opacity: .5;
	top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
}

#eight .row {
	width: 95%;
	margin: 20px auto 20px auto;
}


#eight .postage {
	font-family: Montserrat, sans-serif;
	color: orangered;
	letter-spacing: 7px;
	font-size:.65em;
	line-height: 2em;
	border: 1px dashed orangered;
	display: inline-block;
	float: right;
	padding: 20px 2px 20px 10px;
	margin: 25px 25px auto auto;
} 


#eight .firstfont  {
                
	font-family: 'Crimson Text', serif;
	font-size: 2em;
	font-style: italic;
	letter-spacing: 12px;
	line-height: 1.5em;
	color: #1B1E61;
	clear: both;
	margin: auto;
	padding-top: 50px;
	
} 


#eight .letter-text {
	font-family: 'La Belle Aurore', sans-serif;
	letter-spacing: .5px;
	font-size: 1.15em;
	line-height: 2em;
	color: #1B1E61;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 15px;
	margin: auto;
	text-align: center;



}

#eight .letter-address {
	font-family: 'La Belle Aurore', sans-serif;
	letter-spacing: .5px;
	font-size: 1.65em;
	line-height: 2em;
	color: #1B1E61;
	padding-top: 20px;

}


/*------Responsive styling--------*/
@media only screen and (min-width : 768px) {


#eight .card {
	width: 800px;
	margin: auto;
	border: 2px solid #1B1E61;
	margin-top: 100px;
	color: #1B1E61;

}

#eight .firstfont {
	padding-top: 0;
}

#eight .letter-text {
	border-right: 1px dashed #1B1E61;
	padding-right: 35px;
	text-align: left;
}

#eight .row {
	width: 95%;
	margin: 65px auto 75px auto;
}

#eight .letter-address {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 50px;
	padding-right: 20px;
}


}


/*------End responsive------*/

#eight .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 1rem 0 1rem;
	letter-spacing: 3px;
	display: inline-block;
}

#eight a {
	color: orangered;
}

#eight a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 9 starts here---------*/

#nine .content {
	
	background-color: #fafafa;
	padding: 15rem 0 12rem 0;
}


#nine .row {
	width: 90%;
	margin: 75px auto auto auto;
}

#nine .poem {
	margin-top: 75px;
}

#nine .corndogs {
	position: relative;
}

#nine .firstfont  {
       
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	font-size: 6.75em;
	letter-spacing: 15px;
	line-height: 1.25em;
	overflow: hidden;
	margin-bottom: 30px;

}

#nine .ontop {
	color: yellow;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	z-index: 1;
	margin: 0 auto;

}

#nine .onbottom {
	position: absolute;
	left: 6px;
	right: 0;
	top:4px;
	margin: 0 auto;
	z-index: 0;
	background-image: url(../images/black-stripe2.png);
	-webkit-background-clip: text;
	background-clip: text;

	color: rgba(0, 0, 0, 0);

}


#nine .stretch {
	letter-spacing: 15px;
}


#nine .secondfont {
	width: 250px;
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	letter-spacing: 1px;
	font-size: 1em;
	line-height: 148px;
	color: #151515;
	margin: -85px auto auto auto;
} 

/*------Responsive styling--------*/
@media only screen and (min-width : 480px) {

#nine .poem {
	margin-top: 100px;
}	

#nine .firstfont  {
	font-size: 10em;
}

#nine .onbottom {
	position: absolute;
	left: 10px;
	right: 0;
	top: 6px;
}

#nine .secondfont {
	padding-top: 100px;
	width: 350px;
	font-size: 1.2em;
	line-height: 202px;
	margin: auto;
} 
}

/*------End Responsive styling--------*/

#nine .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#nine a {
	color: orangered;
}

#nine a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 10 starts here---------*/

#ten .content {
	
	background-color: #424147;
	background-image: url(../images/stardust.png);
	padding: 15rem 0 12rem 0;
}

#ten .day {
	color: snow;
	border: 2px solid snow;
}

#ten p {	
	color: #f2f2f2;
	background:#ff4a4a;
	font-size: 50px;
	line-height: 49px;
	margin: 0 5px 24px;
	float:left;
	padding: 10px;
	margin: 0 5px 24px;
	font-family: 'Libre Baskerville', serif;
}

#ten .willzap p {
	background:#f2f2f2;
	color:#ff4a4a;
}

#ten .entypo-flash {
	font-family: 'entypo', sans-serif;
	color: yellow;
	font-size: 52px;
	float: left;
	margin-left: 20px;
}



#ten .row {
	width: 90%;
	margin: 75px auto auto auto;
}

#ten .zap{
	width: 100%;
	margin: auto;
}


/*------Responsive styling--------*/

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

#ten p {
	font-size: 75px;
	line-height: 74px;
}

#ten .zap {
	width: 600px;
}

#ten .entypo-flash {
	font-size: 75px;
}

}

/*------End Responsive styling--------*/

#ten .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#ten a {
	color: orangered;
}

#ten a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 11 starts here---------*/

#eleven .content {
	
	background-color: floralwhite;
	padding: 15rem 0 12rem 0;
}

#eleven .main {
	width: 95%;
	margin: 75px auto auto auto;
	background-color: floralwhite;
}

#eleven hr {
	width: 75px;
	border-color: #151515;
	border-width: 3px;
	margin-left: 0;
}

#eleven .florist {
	width: 100%;
}

.floweretch {
	margin-bottom: 50px;
}


#eleven .firstfont {
	font-family: 'Cardo', serif;
	color:#151515;
	font-style: italic;
	font-size: 3.75em;
	margin-bottom: 40px;
}

#eleven .secondfont {
	font-family: 'Josefin Sans', serif;
	color:#151515;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 40px;
}

#eleven .thislife {
	background-color: floralwhite;
}

#eleven .subtext {
	margin-top: 100px;
	font-size: 1em;
}

/*------Responsive styling--------*/

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

#eleven .main {
	width: 90%;
	background-image: url(../images/florist.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
}	

#eleven .florist {
	width: 400px;
}

#eleven .firstfont {
	font-size: 3.75em;
	padding-top: 75px;
}

#eleven .subtext {
	font-size: 1em;
	margin-top: 20px;
	padding-top: 0;
	padding-bottom: 75px;
}
}

@media only screen and (min-width : 1200px) {
#eleven .main{
	width: 65%;
}
}



/*------End Responsive styling--------*/

#eleven .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#eleven a {
	color: orangered;
}

#eleven a:hover {
	text-decoration: none;
	color: slategrey;
}




/*--------Day 12 starts here---------*/

#twelve .content {
	
	background-color: #C3DEE0;
	padding: 15rem 0 12rem 0;
}

#twelve .main {
	width: 95%;
	margin: 50px auto auto auto;
	position: relative;

}

#twelve .picasso {
	position: absolute;
	background-color: white;
	width: 80%;
	height: 95%;
	left: 0;
	right: 0;
	top: 62px;
	margin: auto;
	z-index: 0;
}

#twelve .notable {
	margin-top: -100px;
	border-bottom: 5px solid #151515;
	width: 180px;
	display: inline-block;
}

#twelve .firstfont {
	font-family: 'Abril Fatface', serif;
	color:#151515;
	font-size: 3em;
	margin-top: 50px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}

#twelve .secondfont {
	font-family: 'Josefin Sans', serif;
	color:#151515;
	font-size: 1.5em;
	line-height: 2em;
	margin-top: 40px;
	position: relative;
	z-index: 2;
}


#twelve .quotelabel {
	padding-top: 10px;
	padding-bottom: 20px;
	border-top: 5px solid #151515;
	width: 130px;
	display: inline-block;

}


/*------Responsive styling--------*/
@media only screen and (min-width : 480px){
	#twelve .firstfont {
		font-size: 5em;
	}
}


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

#twelve .main{
	width: 75%;
}
#twelve .firstfont {
	font-size: 7.8em;
	padding-top: 75px;
	letter-spacing: 1px;
	line-height: 1.25em;
}

#twelve .picasso {
	width: 86%;
}

#twelve .firstfont {
	margin-bottom: 75px;
}
}

@media only screen and (min-width : 1200px) {
#twelve .main{
	width: 68%;
}
}

/*------End Responsive styling--------*/

#twelve .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twelve a {
	color: orangered;
}

#twelve a:hover {
	text-decoration: none;
	color: slategrey;
}




/*--------Day 13 starts here---------*/

#thirteen .content {
	
	background-color: #F2F1EF;
	padding: 15rem 0 12rem 0;
}

#thirteen .menu {
	width: 90%;
	margin: 100px auto auto auto;
	position: relative;
	border: 1px dashed #151515;
	padding: 75px 15px 15px 15px;

}

#thirteen .firstfont {
	font-family: 'Playfair Display SC', serif;
	font-style: italic;
	font-weight: bold;
	color:#151515;
	font-size: 1.15em;
	letter-spacing: 5px;
	margin-bottom: 15px;
	position: relative;
}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
  font-size: 1.5em;
}

#thirteen .secondfont {
	font-family: 'Open Sans Condensed', serif;
	font-weight: 300;
	color:#151515;
	letter-spacing: 2px;
	font-size: 1.15em;
	line-height: 2em;
	position: relative;
	margin-bottom: 40px;
}

#thirteen .menutitle {
	margin-bottom: 100px;
	margin-top: 15px;

}

#thirteen .courselabel {
	font-size: 1.5em;
	letter-spacing: 10px;
	color: #151515;
	margin-top: 75px;
}

#thirteen .etcinfo {
	font-size: .85em;
	letter-spacing: 3px;
	margin-top: 40px;
	margin-bottom: 10px;
}

#thirteen .city {
	font-size: .75em;
	margin-top: 10px;
	margin-bottom: 20px;
}

#thirteen .course {
	margin-bottom: 20px;
}


#thirteen hr{
	border-color: red;
	width: 100%

}

#thirteen .desserts {
	margin-bottom: 100px;
}



/*------Responsive styling--------*/

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

#thirteen .menu {
	width: 65%;
	margin: 100px auto auto auto;
	position: relative;
	border: 1px dashed #151515;
	padding: 75px 50px 50px 50px;

}

#thirteen .courselabel {
	font-size: 1.5em;
	letter-spacing: 10px;
	color: #151515;
	margin-top: -5px;
}
}


@media only screen and (min-width : 1200px) {
#thirteen .menu {
	width: 55%;
}

}

/*------End Responsive styling--------*/

#thirteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirteen a {
	color: orangered;
}

#thirteen a:hover {
	text-decoration: none;
	color: slategrey;
}




/*--------Day 14 starts here---------*/

#fourteen .content {
	
	background-color: #F9F6E7;
	padding: 15rem 0 12rem 0;
}

#fourteen .row {
	width: 90%;
	margin: 75px auto auto auto;
	padding: 50px 10px;

}

#fourteen .doublequote {
	margin-top: 75px;
	font-family: 'Crimson Text', serif;
	color: #151515;
	font-size:20em;
	line-height: 0em;
	position: relative;
	text-align: left;
	z-index: 0;
}

#fourteen .firstfont {
	margin-top: -70px;
	font-family: Montserrat, sans-serif;
	color: #E2ED39;
	line-height: 1em;
	font-weight: bold;
	font-size: 3.75em;
	letter-spacing: 20px;
	position: relative;
	z-index: 1;
	padding-left: 10px;
}


#fourteen .secondfont {
	font-family: 'Over the Rainbow', cursive;
	margin-top: 30px;
	color: #151515;
	text-align: left;
	font-size: 2.5em;
	line-height: 1em;
	position: relative;
	padding-left: 10px;
}

/*------Responsive styling--------*/
@media only screen and (min-width : 768px) {
#fourteen .row {
	width: 600px;
	margin: 50px auto auto auto;
	padding: 50px 0px 50px 0px;

}

#fourteen .doublequote {
margin-top: 150px;
font-size:30em;
line-height: 0em;
}

#fourteen .firstfont {
margin-top: -100px;
line-height: 1em;
font-size: 7.25em;
padding-left: 75px;
}


#fourteen .secondfont {
	font-family: 'Over the Rainbow', cursive;
	margin-top: 50px;
	color: #151515;
	text-align: left;
	font-size: 5em;
	line-height: 1em;
	position: relative;
	padding-left: 80px;
}
}


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

}

/*------End Responsive styling--------*/

#fourteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#fourteen a {
	color: orangered;
}

#fourteen a:hover {
	text-decoration: none;
	color: slategrey;
}




/*--------Day 15 starts here---------*/

#fifteen .content {
	
	background-color: #B5AFA9;
	padding: 15rem 0 12rem 0;
}

#fifteen .day {
	border-color: snow;
	color: snow;
}

#fifteen .row {
	width: 95%;
	margin: 100px auto auto auto;
	padding-top: 0px;

}

#fifteen .firstfont {
	font-family: Cabin, sans-serif;
	color: #292F56;
	line-height: 1em;
	font-weight: 700;
	font-size: 5em;
}

#fifteen .monday {
	margin-bottom: 500px;
	width: 90%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#fifteen .letterm {
	position: absolute;
	left: 20%;
	top: 50px;
	color: #FF366E;
}

#fifteen .lettero {
	position: absolute;
	left: 55%;
	top: 125px;
	color: gainsboro;
}

#fifteen .lettern {
	position: absolute;
	left: 30%;
	top: 300px;
}

#fifteen .letterd {
	position: absolute;
	left: 5%;
	top: 375px;
	color: gainsboro;

}

#fifteen .lettera {
	position: absolute;
	left: 45%;
	top: 550px;
	color: #FF366E;
}

#fifteen .lettery {
	position: absolute;
	left: 80%;
	top: 425px;
}

#fifteen .mondaytext {
	position: absolute;
	width: 50%;
	border-top: 3px solid #FF366E;
	left: 30%;
	top: 180px;
}

#fifteen .secondfont {
	font-family: 'Old Standard TT', serif;
	color: snow;
	text-align: left;
	font-size: 1.25em;
	line-height: 1.75em;
}

/*------Responsive styling--------*/

@media only screen and (min-width : 768px) {
	#fifteen .row {
	width: 600px;
	margin: 100px auto auto auto;
	border: 1px solid gainsboro;
	padding-top: 0px;

}

#fifteen .firstfont {
	font-family: Cabin, sans-serif;
	line-height: 1em;
	font-weight: 700;
	font-size: 5em;
}

#fifteen .monday {
	margin-bottom: 500px;
	width: 500px;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

#fifteen .mondaytext {
	position: absolute;
	width: 200px;
	border-top: 3px solid #FF366E;
	left: 60%;
	top: 180px;
}

#fifteen .secondfont {
	font-family: 'Old Standard TT', serif;
	color: snow;
	text-align: left;
	font-size: 1.25em;
	line-height: 1.75em;
}

}



/*------End Responsive styling--------*/

#fifteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 25rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#fifteen a {
	color: gainsboro;
}

#fifteen a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 16------*/


#sixteen .content {
	
	background-color: #fce8f1;
	padding: 15rem 0 12rem 0;
}

#sixteen .row {
	width: 90%;
	margin: auto;
}


#sixteen .papersubtitle {
	font-family: Montserrat, sans-serif;
	font-size: .75em;
	line-height: 2em;
	font-weight: bold;
	letter-spacing: 6px;
}

#sixteen hr {
	margin-top: 50px;
	margin-bottom: 15px;
	width: 100%;
	border: 1px solid #151515;
}

#sixteen .paperinfo {
	font-family: Montserrat, sans-serif;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	padding-top: 0;
}

#sixteen .firstfont {
	font-family: 'Libre Baskerville', serif;
	font-weight: bold;
	color:#151515;
	font-size: 4em;
	letter-spacing: 1px;
	margin-bottom: 15px;
	margin-top: 75px;
	position: relative;
}

#sixteen .mainsection {
	margin-top: 40px;
}


#sixteen h2 {
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	letter-spacing: 3px;
	font-size: 2em;
	line-height: 1.75em;
}

#sixteen p {
	font-family: 'Libre Baskerville', serif;
	font-size: 1em;
	line-height: 2em;
	margin-top: 25px;
}

#sixteen h3{
	font-family: 'Libre Baskerville', serif;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.75em;
}

.media hr {
	width: 75%;
}

#sixteen .mediabody {
	font-family: 'Libre Baskerville', serif;
	font-size: .8em;
}

.fontawesome-umbrella {
	margin-right: 20px;
	font-size: 2em;
	float: left;
	padding-top: 0;
}

#sixteen .weather {
	font-family: 'Libre Baskerville', serif;
	font-size: .8em;
	margin-top: 20px;
	line-height: 2em;

}

#sixteen .weatherlabel {
	font-family: Montserrat, sans-serif;
	font-size: 1em;
	letter-spacing: 5px;
}

/*--Media Query--*/
@media only screen and (min-width : 768px) {

#sixteen .row {
width: 70%;
margin: auto;
}

#sixteen .firstfont {
	font-size: 5em;
}

#sixteen .mainstory {
	border-right: 2px solid #151515;
	padding-right: 40px;
	padding-bottom: 60px;


}

#sixteen h2 {
	letter-spacing: 3px;
	font-size: 3em;
	line-height: 1.75em;
}

#sixteen p {
	font-size: 1em;
	line-height: 2em;
	margin-top: 25px;
}

#sixteen h3{
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.75em;
}

#sixteen .media {
	padding-left: 40px;
}

.media hr {
	width: 75%;
}

#sixteen .mediabody {
	font-size: .8em;
}

.fontawesome-umbrella {
	margin-right: 20px;
	font-size: 2em;
	float: left;
	padding-top: 0;
}

#sixteen .weather {
	font-size: .8em;
	margin-top: 20px;
	line-height: 2em;

}

#sixteen .weatherlabel {
	font-size: 1em;
	letter-spacing: 5px;
}

}

/*------End Responsive styling--------*/

#sixteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#sixteen a {
	color: orangered;
}

#sixteen a:hover {
	text-decoration: none;
	color: slategrey;
}




/*--------Day 17------*/


#seventeen .content {
	
	background-color: #2c2c2c;
	padding: 15rem 0 12rem 0;
}

#seventeen .day {
	border-color: snow;
	color: snow;
}

#seventeen .row {
	width: 80%;
	margin: 100px auto auto auto;
}

#seventeen .column2 {
	margin-top: 30px;
}


#seventeen .firstfont {
	font-family: Oswald, sans-serif;
	font-size: 5em;
	line-height: 2em;
	color: rgba(255, 255, 255, .075);
	letter-spacing: 10px;
}

#seventeen .secondfont {
	font-family: 'Cutive Mono', serif;
	color: snow;
	font-size: 1.5em;
	line-height: 2em;
	position: absolute;
	top: 125px;
	left: 50px;
	width: 75%;
}

#seventeen .ending {
	font-family: 'Cutive Mono', serif;
	color: snow;
	font-size: 1em;
	line-height: 2em;
	margin: 100px auto auto auto;
	width: 80%;


}

/*--Media Query--*/
@media only screen and (min-width : 768px) {

#seventeen .column2 {
	margin-top: 200px;
}


}

/*------End Responsive styling--------*/

#seventeen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#seventeen a {
	color: orangered;
}

#seventeen a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 18---------*/


#eighteen .content {	
	background-color: #CBCFD8;
	background-image: url(../images/stardust.png);
	padding: 15rem 0 12rem 0;
}

#eighteen .row {
	width: 80%;
	margin: 100px auto auto auto;
}

@keyframes neonspark  { 
0% { text-shadow: 0 0 10px rgba(255,255,255,1); }
20% {
  text-shadow: 0 0 10px rgba(255,255,255,1),
      0 0 20px rgba(255,255,255,0.4); 
  }
30% { text-shadow: 0 0 10px rgba(255,255,255,1); }
40% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
100% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
}

@-webkit-keyframes neonspark  { 
0% { text-shadow: 0 0 10px rgba(255,255,255,1); }
20% {
  text-shadow: 0 0 10px rgba(255,255,255,1),
      0 0 20px rgba(255,255,255,0.4); 
  }
30% { text-shadow: 0 0 10px rgba(255,255,255,1); }
40% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
100% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
}

@-moz-keyframes neonspark  { 
0% { text-shadow: 0 0 10px rgba(255,255,255,1); }
20% {
  text-shadow: 0 0 10px rgba(255,255,255,1),
      0 0 20px rgba(255,255,255,0.4); 
  }
30% { text-shadow: 0 0 10px rgba(255,255,255,1); }
40% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
100% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
}

@-o-keyframes neonspark  { 
0% { text-shadow: 0 0 10px rgba(255,255,255,1); }
20% {
  text-shadow: 0 0 10px rgba(255,255,255,1),
      0 0 20px rgba(255,255,255,0.4); 
  }
30% { text-shadow: 0 0 10px rgba(255,255,255,1); }
40% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
100% { 
text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
  }
}

#eighteen .row {
	width: 90%;

}

#eighteen .firstfont {
	font-family: Quicksand, sans-serif;
	font-size:4em;
	line-height: 1.25em;
	color: snow;
	letter-spacing: 10px;
	text-shadow: 0 0 5px rgba(255,255,255,1) , 0 0 10px rgba(255,255,255,1) , 0 0 20px #ffffff , 0 0 30px #ffffff , 0 0 40px #ffffff , 0 0 50px #ffffff;
}

#eighteen .secondfont {
	font-family: 'EB Garamond', sans-serif;
	font-size: 2em;
	width: 90%;
	letter-spacing: 1px;
	margin: 50px auto auto auto;
	color: #151515;
}

#eighteen .animatea {
	animation: neonspark 3s 5s 5;
	-webkit-animation: neonspark 3s 5s 5;
	-moz-animation: neonspark 3s 5s 5;
	-o-animation: neonspark 3s 5s 5;

}

#eighteen .animateo {
	animation: neonspark 2.2s 2s 7;
	-webkit-animation: neonspark 2.2s 2s 7;
	-moz-animation: neonspark 2.2s 2s 7;
	-o-animation: neonspark 2.2s 2s 7;

}


/*--Media Query--*/
@media only screen and (min-width : 768px) {

#eighteen .row {
	width: 60%;

}

#eighteen .firstfont {
	font-size:8.75em;
}

#eighteen .secondfont {
	width: 50%;
	margin: 100px auto auto auto;
}

}

/*------End Responsive styling--------*/

#eighteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#eighteen a {
	color: orangered;
}

#eighteen a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 19------------*/
#nineteen .content {	
	background-color: yellow;
	padding: 15rem 0 12rem 0;
	background-image: url('../images/inspiration-geometry.png');
}


#nineteen .receipt {
	position: relative;
	width: 320px;
	height: 500px;
	margin: 100px auto auto auto;
	padding: 75px 8px 460px 8px;
	background-color: #fafafa;

}

.receipt:after {
    background: linear-gradient(-45deg, yellow 6px, transparent 0), linear-gradient(45deg, yellow 6px, transparent 0);
    background-position: left-bottom;
    background-repeat: repeat-x;
    background-size: 12px 12px;
    content: " ";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 12px;
}

.receipt:before {
    background: linear-gradient(-45deg, #fafafa 6px, transparent 0), linear-gradient(45deg, #fafafa 6px, transparent 0);
    background-position: left-top;
    background-repeat: repeat-x;
    background-size: 12px 12px;
    content: " ";
    display: block;
    position: absolute;
    top: -10px;
    left: 0px;
    width: 100%;
    height: 12px;
}

.creditcard {
	margin-right: 10px;
}

#nineteen .firstfont {
	font-family: 'Josefin Sans', sans-serif;
}

.receipttitle {
	margin: 40px auto 35px auto;
	font-size: 1.5em;
}

.taxi {
	width: 40px;
	height: 40px;
	border: 1px dashed red;
	-moz-border-radius: 50%;
   -webkit-border-radius: 50%; 
   border-radius: 50%;
   margin: auto;
   padding-top: 7px;
}

.bountyhunter {
	margin-bottom: 20px;
}

#nineteen .receiptline {
	border-width: 2px;
	color: red;
}

#nineteen .secondfont {
	font-family: Cardo, serif;
	color: #999999;
	font-size: .9em;
	font-style: italic;
	line-height: 1.75em;
	margin-top: 75px;
}


#nineteen .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#nineteen a {
	color: orangered;
}

#nineteen a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 20------*/


#twenty .content {
	background-color: #E9E2DC;
	padding: 15rem 0 12rem 0;
	border-left: 15px solid #a8dfe9;
	border-right: 15px solid #a8dfe9;
}


#twenty .row {
	width: 95%;
	margin: auto;
	position: relative;
}


#twenty .firstfont {
	width: 500px;
	margin: auto;
	font-family: 'Cardo', serif;
	font-size: 4.25em;
	font-style: italic;
	line-height: 2em;
	color: rgba(255, 255, 255, .75);
	letter-spacing: -5px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);

}

#twenty .travel {
	position: absolute;
	width: 280px;
	top: 0;
	left: 0;
	right: 0;
	margin: 100px auto;
}

#twenty .secondfont {
	font-family: Montserrat, sans-serif;
	color: #252525;
	font-size: 1.25em;
	line-height: 2em;
	letter-spacing: 20px;
	font-weight: bold;
}

#twenty .thirdfont {
	font-family: 'Cardo', serif;
	font-size: 1em;
	line-height: 2em;
	margin-top: 50px;
	border-top: 2px solid #151515;
	padding-top: 25px;
}


/*--Media Query--*/
@media only screen and (min-width : 768px) {
#twenty .row {
	width: 80%;
}


#twenty .firstfont {
	width: 800px;
	margin: auto;
	font-size: 7em;
	font-style: italic;
	line-height: 3em;
	color: rgba(255, 255, 255, .75);
	letter-spacing: -5px;
	-ms-transform: rotate(-90deg); /* IE 9 */
  -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
  transform: rotate(-90deg);
  margin-top: -300px;
  margin-bottom: -300px;
}

#twenty .travel {
	position: absolute;
	width: 500px;
	top: 175px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

#twenty .secondfont {
	font-family: Montserrat, sans-serif;
	color: #252525;
	font-size: 1.25em;
	line-height: 2em;
	letter-spacing: 20px;
	font-weight: bold;
}

#twenty .thirdfont {
	font-family: 'Cardo', serif;
	font-size: 1em;
	line-height: 2em;
	margin-left: 315px;
	margin-top: 50px;
	border-top: 2px solid #151515;
	padding-top: 25px;
}

}

/*------End Responsive styling--------*/

#twenty .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 2rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twenty a {
	color: orangered;
}

#twenty a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 21------*/


#twentyone .content {
	background-color: #F6F6F8;
	padding: 15rem 0 12rem 0;
}

#twentyone img{
	height: 50px;
}

#twentyone .noodles {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: .75em;
	color: #151515;
	letter-spacing: 7px;
	margin-top: 25px;
	line-height: 3em;

}

#twentyone .row {
	width: 95%;
	margin: 100px auto;
}

#twentyone .selection {
	position: relative;
	width: 300px;
	margin: 75px auto;
}


#twentyone .firstfont {
	font-family: 'Open Sans', sans-serif;
	font-weight: 800;
	font-size: 6em;
	color: #F5D941;
	letter-spacing: 15px;
}

#twentyone .secondfont {
	font-family: Lora, serif;
	font-size: 2em;
	color: #151515;
}

#twentyone .thirdfont {
	font-family: Lora, serif;
	font-style: italic;
	font-size: .9em;
	color: #151515;
}

#twentyone .store {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}


/*--Media Query--*/
@media only screen and (min-width : 768px) {


#twentyone .selection {
	position: relative;
	width: 500px;
	margin: 75px auto;
}

#twentyone .first {
	margin-left: 20%;
}
#twentyone .second {
	margin-left: 45%;
}
#twentyone .third {
	margin-left: 15%;
}
#twentyone .fourth {
	margin-left: 40%;
}

#twentyone .firstfont {
	font-size: 10em;
	letter-spacing: 15px;
}

#twentyone .secondfont {
	font-size: 2.5em;
}

#twentyone .thirdfont {
	font-size: .9em;
	margin-top: -25px;
}

#twentyone .store {
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

}

/*------End Responsive styling--------*/

#twentyone .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 8rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentyone a {
	color: orangered;
}

#twentyone a:hover {
	text-decoration: none;
	color: slategrey;
}



/*--------Day 22------*/


#twentytwo .content {
	background-color: #ECD3C8;
	background-image: url('../images/starbackgroundlite.png');
	padding: 15rem 0 12rem 0;
}

#twentytwo .row {
	width: 95%;
	margin: 100px auto;
}

#twentytwo .diary {
	width: 90%;
	margin: auto;
}

#twentytwo .firstfont {
	font-family: 'League Script', cursive;
	padding-top: 50px;
	font-size: 8em;
	line-height: .75em;
}

#twentytwo .secondfont {
	font-family: 'Josefin slab', serif;
	padding-top: 50px;
	font-size: 1.5em;
	line-height: 1.75em;
}




/*--Media Query--*/
@media only screen and (min-width : 768px) {
#twentytwo .diary {
	width: 50%;
	margin: auto;
}

#twentytwo .firstfont {
	padding-top: 50px;
	font-size: 14em;
	line-height: .75em;
}

#twentytwo .secondfont {
	padding-top: 50px;
	font-size: 2em;
	line-height: 1.75em;
}

}

/*------End Responsive styling--------*/

#twentytwo .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentytwo a {
	color: orangered;
}

#twentytwo a:hover {
	text-decoration: none;
	color: snow;
}


/*--------Day 23------*/


#twentythree .content {
	background-color: #F8F9FB;
	padding: 15rem 0 12rem 0;
}

#twentythree .row {
	width: 88%;
	margin: 50px auto;
}


#twentythree .firstfont {
	font-family: 'Yeseva One', serif;
	color: #202021;
	font-size: 1.5em;
	line-height: 2em;
}

#twentythree .commentary {
	border-top: 5px solid #202021;
	margin-top: 25px;
}

#twentythree .secondfont {
	font-family: 'Josefin sans', serif;
	color: #202021;
	padding-top: 25px;
	font-size: 1.15em;
	line-height: 2em;
}




/*--Media Query--*/
@media only screen and (min-width : 768px) {

#twentythree .row {
	width: 75%;
	margin: 100px auto;
}

#twentythree .firstfont {
	font-size: 2.5em;
	line-height: 2em;
}

#twentythree .luna {
	width: 60%;
	float: left;
	margin: auto;
}

#twentythree .commentary {
	border-top: 5px solid #202021;
	width: 30%;
	float: left;
	margin-left: 50px;
	margin-top: 25px;
}

}

/*------End Responsive styling--------*/

#twentythree .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentythree a {
	color: #efbdc9;
}

#twentythree a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 24------*/


#twentyfour .content {
	background-color: #8cdac5;
	padding: 15rem 0 12rem 0;
}

#twentyfour .day {
	color: #151564;
	border-color: #151564;
}

#twentyfour .row {
	width: 90%;
	margin: 50px auto;
}


#twentyfour .firstfont {
	font-family: 'Sacramento', serif;
	color: snow;
	font-size: 7.5em;
	line-height: 2em;
}

#twentyfour .california {
	position: relative;
}

#twentyfour .phase {
margin-top: -100px;
}

#twentyfour .secondfont {
	font-family: 'montserrat', serif;
	color: #151564;
	padding-top: 25px;
	font-size: 1em;
	line-height: 2.25em;
	letter-spacing: 5px;
	font-weight: bold;
}




/*--Media Query--*/
@media only screen and (min-width : 768px) {
#twentyfour .firstfont {
	font-size: 13em;
	line-height: 2em;
}

#twentyfour .phase {
	position: absolute;
	width: 75%;
	top: 60px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: auto;
}

#twentyfour .secondfont {
	padding-top: 25px;
	font-size: 1.25em;
	line-height: 2.5em;
	letter-spacing: 10px;
	font-weight: bold;
}
}

@media only screen and (min-width : 992px) {
	#twentyfour .firstfont {
		font-size: 15em;
	}
}

@media only screen and (min-width : 1200px) {
#twentyfour .phase{
	width: 60%;
}
	
}

/*------End Responsive styling--------*/

#twentyfour .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentyfour a {
	color: orangered;
}

#twentyfour a:hover {
	text-decoration: none;
	color: snow;
}


/*--------Day 25------*/


#twentyfive .content {
	background-color: #fafafa;
	padding: 15rem 0 12rem 0;
}

#twentyfive .top {
	position: relative;
	padding-bottom: 100px;
}


#twentyfive .feelings {
	width: 275px;
	background-color: #EE90A3;
	margin: 150px auto auto auto;
	height: 550px;
	padding-top: 55px;
	padding-left: 10px;
	position: relative;
	z-index: 1;

	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}


#twentyfive .firstfont {
	width: 90%;
	font-family: 'Patrick Hand SC', sans-serif;
	letter-spacing: 15px;
	font-size: 1.5em;
	line-height: 3em;
	color: #151515;
	margin: auto;
}

#twentyfive .secondfont {
	color: #B9F4EF;
	font-family: Oswald, sans-serif;
	font-size: 4.6em;
	letter-spacing: 50px;
}

#twentyfive .brb {
	z-index: 2;
	top: 80px;
	position: absolute;
	top: -25px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}



/*--Media Query--*/
@media only screen and (min-width : 768px) {

	#twentyfive .feelings {
	width: 275px;
	margin: 150px auto auto 30%;
	background-color: #EE90A3;
	height: 550px;
	padding-top: 55px;
	padding-left: 10px;
	position: relative;
	z-index: 1;

	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);
}


#twentyfive .firstfont {
	letter-spacing: 15px;
	font-size: 1.9em;
	line-height: 2em;
	color: #151515;
	margin: auto;
}

#twentyfive .secondfont {
	color: #B9F4EF;
	font-family: Oswald, sans-serif;
	font-size: 13em;
	letter-spacing: 85px;
}

#twentyfive .brb {
	position: absolute;
	z-index: 2;
	top: 80px;
	left: 10%;
}

}


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

#twentyfive .feelings {
	margin: 150px auto auto 30%;

	}

#twentyfive .secondfont {
	color: #B9F4EF;
	font-family: Oswald, sans-serif;
	font-size: 20em;
	letter-spacing: 85px;
}

#twentyfive .brb {
	position: absolute;
	z-index: 0;
	top: 80px;
	left: 20%;
	right: auto;
}
	
}

/*------End Responsive styling--------*/

#twentyfive .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentyfive a {
	color: #151515;
}

#twentyfive a:hover {
	text-decoration: none;
	color: orangered;
}

/*--------Day 26------*/


#twentysix .content {
	background-color: #efbdc9;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/black-twill.png);

}

#twentysix .chicken {
	position: relative;
	padding-top: 150px;
	padding-bottom: 150px;
}

#twentysix .heart {
	font-size: 20em;
	color: orangered;
	position: absolute;
	top: 100px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -100px;
	z-index: 0;
}

#twentysix .firstfont {
	font-family: 'Josefin Slab', serif;
	font-size: 1em;
	letter-spacing: 10px;
	color: snow;
	position: relative;
	z-index: 1;
}

#twentysix .secondfont {
	font-family: 'Petit Formal Script', cursive;
	font-size: 3em;
	color: snow;
	position: relative;
	z-index: 2;
}


/*--Media Query--*/
@media only screen and (min-width : 768px) {

	#twentysix .row {
	margin-top: 100px
}

#twentysix .chicken {
	position: relative;
	padding-top: 150px;
	padding-bottom: 150px;
}

	#twentysix .heart {
	font-size: 30em;
	color: orangered;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	margin-top: -100px;
	z-index: 0;
}

#twentysix .secondfont {
	font-family: 'Petit Formal Script', cursive;
	font-size: 4em;
	color: snow;
	position: relative;
	z-index: 2;
}
}


/*------End Responsive styling--------*/

#twentysix .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentysix .colophonback {
	background-color: snow;
	padding: 3px 3px 3px 3px;
}
#twentysix a {
	color: orangered;
}

#twentysix a:hover {
	text-decoration: none;
	color: snow;
}


/*--------Day 27------*/


#twentyseven .content {
	background-color: #CACFB8;
	padding: 15rem 0 12rem 0;

}

#twentyseven .row {
	margin-top: 100px;
}

#twentyseven .day {
	color: orangered;
	border-color: orangered;
}

#twentyseven .firstfont {
	font-family: 'Fjalla One', sans-serif;
	font-size: 10em;
	letter-spacing: 30px;
	color: snow;
	position: relative;
	z-index: 2;
}

#twentyseven .tfwcopy {
	color:orangered;
	position: absolute;
	position: absolute;
	left: 10px;
	right: 0;
	top:10px;
	margin: 0 auto;
	font-family: 'Fjalla One', sans-serif;
	font-size: 10em;
	letter-spacing: 30px;
}

#twentyseven .secondfont {
	font-family: 'Prata', serif;
	font-size: 2em;
	line-height: 1.75em;
	color: #151515;
}

#twentyseven .cake {
	padding: 15%;
}

/*--Media Query--*/

@media only screen and (min-width : 480px) {
#twentyseven .content {
	padding: 15rem 0 12rem 0;
	height: 100%;
    background: linear-gradient(90deg, #F2EBDF 50%, #CACFB8 50%);
}

#twentyseven .firstfont {
	font-family: 'Fjalla One', sans-serif;
	font-size: 20em;
	letter-spacing: 30px;
	color: snow;
	position: relative;
	z-index: 2;
}

#twentyseven .tfwcopy {
	color:orangered;
	position: absolute;
	position: absolute;
	left: 10px;
	right: 0;
	top:10px;
	margin: 0 auto;
	font-family: 'Fjalla One', sans-serif;
	font-size: 20em;
	letter-spacing: 30px;
}

#twentyseven .secondfont {
	font-family: 'Prata', serif;
	font-size: 3em;
	line-height: 1.75em;
	color: #151515;
}

#twentyseven .cake {
	padding: 60px 75px 50px 75px;
}
	}

/*------End Responsive styling--------*/

#twentyseven .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentyseven a {
	color: orangered;
}

#twentyseven a:hover {
	text-decoration: none;
	color: snow;
}

/*--------Day 28------*/


#twentyeight .content {
	background-color: #D8EDDE;
	background-repeat: no-repeat;
	background-position: center;
	padding: 15rem 0 12rem 0;

}

#twentyeight .row {
	margin-top: 100px;
}

#twentyeight .motivate {
	width: 320px;
	background-color: snow;
	padding: 50px 30px;
	margin: auto;
}

#twentyeight .firstfont {
	font-family: 'Covered by your grace', cursive;
	font-size: 3.25em;
	line-height: 1em;
	letter-spacing: 3px;
	color: navy;
	position: relative;
	margin-top: 15px;
	margin-bottom: 25px;
	z-index: 2;
}

#twentyeight .secondfont {
	margin-top: 15px;
	font-family: 'EB Garamond', serif;
	font-size: 1.15em;
	line-height: 1.85em;
	color: navy;
	margin-bottom: 15px;
}


#twentyeight .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentyeight a {
	color: orangered;
}

#twentyeight a:hover {
	text-decoration: none;
	color: snow;
}

/*--------Day 29------*/


#twentynine .content {
	background-color: #49745E;
	padding: 15rem 0 12rem 0;

}

#twentynine .row {
	margin-top: 100px;
}

#twentynine .gardensong {
	width: 95%;
	margin: auto;
}

#twentynine .firstfont {
	font-family: Montserrat, sans-serif;
	font-weight: bold;
	font-size: 2em;
	color: white;
}

.inch-list > *:nth-child(3n+1) {
  vertical-align: 10px;
}

.inch-list > *:nth-child(3n+2) {
  vertical-align: 15px;
}

.row-list > *:nth-child(4n+1) {
  vertical-align: 10px;
}

.row-list > *:nth-child(2n+2) {
  vertical-align: 15px;
}

#twentynine .row-list {
	margin-top: 50px;
}

#twentynine .inch-list {
	margin-bottom: 40px;
}

#twentynine .grow {
	color: #A0AB6B;
	background-image: url(../images/natural-paper.png);
	font-family: 'Lora', serif;
	font-size: .5em;
	letter-spacing: 5px;
	font-style: italic;
	border: 1px solid #A0AB6B;
	width: 100%;
	margin: auto;
	padding: 25px 0;
	background-color: #F8F8F5;
}


/*--Media Query--*/

@media only screen and (min-width : 480px) {
#twentynine .gardensong {
	width: 480px;
	margin: auto;
}

#twentynine .firstfont {
	font-family: Montserrat, sans-serif;
	font-weight: bold;
	font-size: 2.5em;
	color: white;
}

#twentynine .grow {
	color: #A0AB6B;
	background-image: url(../images/natural-paper.png);
	font-family: 'Lora', serif;
	font-size: .75em;
	letter-spacing: 5px;
	font-style: italic;
	border: 1px solid #A0AB6B;
	width: 85%;
	margin: auto;
	padding: 25px 0;
	background-color: #F8F8F5;
}
	}

/*------End Responsive styling--------*/

#twentynine .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#twentynine a {
	color: #A0AB6B;
}

#twentynine a:hover {
	text-decoration: none;
	color: snow;
}



/*--------Day 30------*/


#thirty .content {
	background-color: #FAFCF7;
	padding: 15rem 0 12rem 0;

}

#thirty .row {
	width: 90%;
	margin: 50px auto auto auto;
}

#thirty .firstfont {
	font-family: 'Playfair Display', serif;
	font-size: 4em;
	color: #333;
}

#thirty .firstfont span{
	border-bottom: 3px solid orangered;
	padding-bottom: 15px;
}

#thirty .firstfont p {
	margin-bottom: 50px;
}

#thirty .commentary {
	margin-top: 100px;
}

#thirty .commentaryfoot {
	font-size: .75em;
	line-height: 1.75em;
}

#thirty .secondfont {
	font-family: 'Cutive Mono', monospace;
	font-size: 1.25em;
	line-height: 2em;
	color: #151515;
}

.beingartist > *:nth-child(1) {
   -ms-transform: rotate(-10deg); /* IE 9 */
   -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
   transform: rotate(-10deg);
   display: inline-block;
}

.beingartist > *:nth-child(2) {
   -ms-transform: rotate(-6deg); /* IE 9 */
   -webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
   transform: rotate(-6deg);
   display: inline-block;
   vertical-align: 5px;
}

.beingartist > *:nth-child(3) {
   -ms-transform: rotate(-4deg); /* IE 9 */
   -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
   transform: rotate(-4deg);
   display: inline-block;
   vertical-align: 7px;
}

.beingartist > *:nth-child(4) {
   -ms-transform: rotate(-4deg); /* IE 9 */
   -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
   transform: rotate(-4deg);
   display: inline-block;
   vertical-align: 9px;
}

.beingartist > *:nth-child(5) {
   display: inline-block;
   vertical-align: 9px;
}

.beingartist > *:nth-child(7) {
   -ms-transform: rotate(8deg); /* IE 9 */
   -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */
   transform: rotate(8deg);
   display: inline-block;
   vertical-align: 5px;
}

.beingartist > *:nth-child(8) {
   -ms-transform: rotate(10deg); /* IE 9 */
   -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
   transform: rotate(10deg);
   display: inline-block;
}

/*--Media Query--*/

@media only screen and (min-width : 768px) {
	#thirty .row {
	width: 700px;
	margin: 100px auto auto auto;
}

#thirty .firstfont {
	font-family: 'Playfair Display', serif;
	font-size: 4.5em;
}


#thirty .firstfont p {
	margin-bottom: 50px;
}

#thirty .commentary {
	margin-top: 225px;
}


}

@media only screen and (min-width : 992px) {
	#thirty .row {
	width: 800px;
	margin: 100px auto auto auto;
}

#thirty .firstfont {
	font-family: 'Playfair Display', serif;
	font-size: 5em;
}


#thirty .firstfont p {
	margin-bottom: 50px;
}

#thirty .commentary {
	margin-top: 225px;
}


}

/*------End Responsive styling--------*/

#thirty .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirty a {
	color: orangered;
}

#thirty a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 31------*/


#thirtyone .content {
	background-color: #EEBB22;
	padding: 15rem 0 12rem 0;

}

#thirtyone .artistwrap {
	width: 270px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	background-color: #fcf4de;
	background-image: url('../images/natural-paper.png');
}

#thirtyone .artist {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #151515;
	padding-top: 60px;
	padding-bottom: 40px;
}

#thirtyone .curlyquote {
	font-family: 'Old Standard TT', serif;
	font-size: 5em;
	color: #151515;
	color: orangered;
}


#thirtyone .firstfont {
	font-family: 'Josefin Slab', serif;
	font-size: 1em;
	letter-spacing: 10px;
	color: #151515;
	font-weight: bold;
}

#thirtyone .annette {
	font-family: 'Josefin Slab', serif;
	font-size: .7em;
	letter-spacing: 5px;
	color: #151515;
	padding-top: 20px;
	padding-bottom: 0px;
	width: 90%;
	margin: auto;
	font-weight: bold;
}

#thirtyone .secondfont {
	font-family: 'Fjalla One', sans-serif;
	font-size: 3.75em;
	line-height: 2em;
	letter-spacing: 15px;
	color: #151515;
	padding-left: 15px;
	
}

#thirtyone .thirdfont {
	font-family: 'League Script', cursive;
	font-size: 1.75em;
	color: #151515;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 50%, black 50%, black 52%, transparent 52%, transparent 100%);
}

#thirtyone .fourthfont {
	font-family: 'Old Standard TT', serif;
	font-size: 1.15em;
	color: #151515;
	letter-spacing: 1px;
	font-style: italic;
	font-weight: 300;
	line-height: 2em;
	padding-left: 10px;
	padding-right: 10px;

}

#means {
	background-color: #fcf4de;
	padding: 0 10px;
}


#thirtyone .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtyone a {
	color: orangered;
}

#thirtyone a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 32------*/


#thirtytwo .content {
	background-color: #F4F1E6;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/natural-paper.png);
}

#thirtytwo .bbq {
	margin-top: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#thirtytwo .firstfont {
	font-family: 'Lora', serif;
	font-size: 1.25em;
	line-height: 1.75em;
	color: #151515;
	font-weight: bold;
	padding: 0 10px;

}


#thirtytwo .secondfont {
	font-family: 'Abril Fatface', serif;
	font-size: 10em;
	color: #F07B52;
	padding-top: 100px;
	-webkit-transform: skewY(-7deg);
    -o-transform:skewY(-7deg);
    -moz-transform: skewY(-7deg);
    -ms-transform: skewY(-7deg);
    transform: skewY(-7deg);
	
}

#thirtytwo .delicious {
	width: 160px;
	height: 160px;
	border-radius:80px;
    text-align:center;
    border: 2px dashed #151515;
    position: absolute;
    top: 0px;
    right: 0px;
}

#thirtytwo .thirdfont {
	font-family: 'Montserrat', sans-serif;
	font-size: .75em;
	line-height: 1.15em;
	padding-top: 60px;
	color: #151515;
	font-weight: bold;
	letter-spacing: 10px;
	padding-left: 8px;
	-ms-transform: rotate(7deg); /* IE 9 */
    -webkit-transform: rotate(7deg); /* Chrome, Safari, Opera */
    transform: rotate(7deg);

}

/*---------Media Query-------*/
@media only screen and (min-width : 768px) {
#thirtytwo .bbq {
	margin-top: 75px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#thirtytwo .firstfont {
	font-family: 'Lora', serif;
	font-size: 2em;
	line-height: 1.75em;
	color: #151515;
	font-weight: bold;
	margin-top: -35px;
	padding: 0 15px;

}


#thirtytwo .secondfont {
	font-family: 'Abril Fatface', serif;
	font-size: 18em;
	color: #F07B52;
	padding-left: 15px;
	padding-top: 65px;
	
}

#thirtytwo .delicious {
	width: 160px;
	height: 160px;
	border-radius:80px;
    text-align:center;
    border: 2px dashed #151515;
    position: absolute;
    top: 0px;
    right: 0px;
}

#thirtytwo .thirdfont {
	font-family: 'Montserrat', sans-serif;
	font-size: .75em;
	line-height: 1.15em;
	padding-top: 60px;
	color: #151515;
	font-weight: bold;
	letter-spacing: 10px;
	padding-left: 8px;

}
}


#thirtytwo .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtytwo a {
	color: orangered;
}

#thirtytwo a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 33------*/


#thirtythree .content {
	background-color: #f5a886;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/palmtree_card.jpg);
	background-repeat: no-repeat;
	background-position: 50% 40%;
}

#thirtythree .row {
	padding-top: 200px;
}


#thirtythree .staycation {
	padding-top: 40px;
	padding-bottom: 20px;
	width: 95%;
	margin: auto;
}

#thirtythree .firstfont {
	font-family: 'Satisfy', cursive;
	font-size: 5em;
	line-height: 1em;
	color: white;
	padding: 0 10px;

}


#thirtythree .secondfont {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.15em;
	line-height: 1.75em;
	color: white;
	margin-top: 40px;
	letter-spacing: 1px;
}


/*---------Media Query-------*/
@media only screen and (min-width : 768px) {

#thirtythree .content {
	background-color: #CCE4E5;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/natural-paper.png);
	background-repeat: repeat;
}

#thirtythree .row {
	padding-top: 100px;
}

#thirtythree .card {
	width: 600px;
	background-color: #f5a886;
	margin: auto;
	border: 12px solid white;
	background-image: url(../images/palmtree_card.jpg);
	background-position: 50% 0%;
	background-repeat: no-repeat;
	box-shadow: 5px 5px 8px rgba(15, 15, 15, .15);
	-ms-transform: rotate(-6deg); /* IE 9 */
    -webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
    transform: rotate(-6deg);
}

#thirtythree .staycation {
	padding-top: 40px;
	padding-bottom: 20px;
	width: 95%;
	margin: auto;
}

#thirtythree .firstfont {
	font-family: 'Satisfy', cursive;
	font-size: 9.6em;
	line-height: 1em;
	color: white;
	padding: 0 10px;

}


#thirtythree .secondfont {
	font-family: 'Josefin Sans', sans-serif;
	font-size: 1.15em;
	line-height: 1.75em;
	color: white;
	margin-top: 40px;
	letter-spacing: 1px;
}

}


#thirtythree .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtythree a {
	color: orangered;
}

#thirtythree a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 34------*/


#thirtyfour .content {
	background-color: #F2F2F4;
	padding: 15rem 0 12rem 0;
}

#thirtyfour .row {
	margin-top: 100px;
}

	#thirtyfour .inspiration {
	position: relative;
	width: 320px;
	margin: auto auto 200px auto;
}


#thirtyfour .firstfont {
	font-family: 'Francois One', sans-serif;
	font-size: 7.5em;
	line-height: 1.25em;
	color: #FFDFD7;
	padding: 0 10px;
	letter-spacing: 5px;
}

#thirtyfour .steinbeck {
	width: 250px;
	position: absolute;
	top: 0px;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

#thirtyfour .chuck {
	width: 250px;
	position: absolute;
	top: 200px;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

#thirtyfour .belief {
	width: 250px;
	position: absolute;
	top: 400px;
	right: 0;
	left: 0;
	margin-left: auto;
	margin-right: auto;
}

#thirtyfour .secondfont {
	font-family: 'Francois One', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #151515;
	margin-top: 40px;
	letter-spacing: 1px;
}

#thirtyfour .thirdfont {
	font-family: 'Old Standard TT', serif;
	font-size: .75em;
	line-height: 1.75em;
	color: #151515;
}

/*---------Media Query-------*/
@media only screen and (min-width : 480px) {
	#thirtyfour .inspiration {
	position: relative;
	width: 450px;
	margin: auto;
}


#thirtyfour .firstfont {
	font-family: 'Francois One', sans-serif;
	font-size: 10em;
	line-height: 1.25em;
	color: #FFDFD7;
	padding: 0 10px;
	letter-spacing: 5px;
}

#thirtyfour .steinbeck {
	width: 200px;
	position: absolute;
	top: 0px;
	right: 50px;
	left: 150px;
}

#thirtyfour .chuck {
	width: 200px;
	position: absolute;
	top: 200px;
	left: 25px;
	right: 175px;
}

#thirtyfour .belief {
	width: 200px;
	position: absolute;
	top: 400px;
	right: 75px;
	left: 125px;
}

#thirtyfour .secondfont {
	font-family: 'Francois One', sans-serif;
	font-size: 1em;
	line-height: 1.5em;
	color: #151515;
	margin-top: 40px;
	letter-spacing: 1px;
}

#thirtyfour .thirdfont {
	font-family: 'Old Standard TT', serif;
	font-size: .75em;
	line-height: 1.75em;
	color: #151515;
}	

}

@media only screen and (min-width : 768px) {
	#thirtyfour .inspiration {
	position: relative;
	width: 750px;
	margin: auto;
}


#thirtyfour .firstfont {
	font-family: 'Francois One', sans-serif;
	font-size: 18em;
	line-height: 1.25em;
	color: #FFDFD7;
	padding: 0 10px;
	letter-spacing: 5px;
}

#thirtyfour .steinbeck {
	width: 200px;
	position: absolute;
	top: 190px;
	right: 50px;
	left: 500px;
}

#thirtyfour .chuck {
	width: 225px;
	position: absolute;
	top: 450px;
	left: 150px;
	right: 400px;
}

#thirtyfour .belief {
	width: 200px;
	position: absolute;
	top: 750px;
	right: 150px;
	left: 400px;
}

#thirtyfour .secondfont {
	font-family: 'Francois One', sans-serif;
	font-size: 1.15em;
	line-height: 1.75em;
	color: #151515;
	margin-top: 40px;
	letter-spacing: 1px;
}

#thirtyfour .thirdfont {
	font-family: 'Old Standard TT', serif;
	font-size: .75em;
	line-height: 1.75em;
	color: #151515;
}

}


#thirtyfour .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtyfour a {
	color: slategrey;
}

#thirtyfour a:hover {
	text-decoration: none;
	color: #FFDFD7;
}

/*--------Day 35------*/



#thirtyfive .content {
	/*background-color: #343740;*/
	padding: 15rem 0 12rem 0;
	background:#343740 url(../images/stars.png) repeat top center;
  	z-index:0;
}

#thirtyfive .day {
	color: slategrey;
	border-color: slategrey;
}

#thirtyfive .row {
	margin-top: 100px;
	position: relative;
}



#thirtyfive .firstfont {
	font-family: 'Karla', sans-serif;
	font-size: 1.25em;
	line-height: 3em;
	color: snow;
	padding: 0 10px;
	letter-spacing: 10px;
}

#thirtyfive .secondfont {
	font-family: 'Playfair Display', serif;
	font-style: italic;
	font-size: 1em;
	line-height: 1.5em;
	color: rgba(255, 255, 255, .25);
	margin-top: 40px;
	letter-spacing: 1px;
}

#thirtyfive .balance {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}
.darkness > *:nth-child(1) {
   margin-right: 15%;
}

.darkness > *:nth-child(2) {
   margin-right: 10%;
   	font-family: 'Playfair Display SC', serif;
	font-style: italic;
	font-size: .75em;
}

.darkness > *:nth-child(3) {
   margin-left: 15%;
   margin-top: 50px;
   margin-bottom: 50px;
   font-weight: bold;

}

.darkness > *:nth-child(4) {
   margin-left: 10%;
}

.darkness > *:nth-child(5) {
   margin-right: 20%;
      margin-top: 50px;
   margin-bottom: 50px;
   font-weight: bold;

}

.darkness > *:nth-child(6) {
   margin-left: 20%;
      margin-top: 25px;
   margin-bottom: 25px;
   font-family: 'Playfair Display SC', serif;
	font-style: italic;
	font-size: .75em;
}

.darkness > *:nth-child(7) {
   margin-top: 50px;
   margin-bottom: 50px;
   font-weight: bold;
}



/*---------Media Query-------*/
@media only screen and (min-width : 480px) {

}

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

}


#thirtyfive .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtyfive a {
	color: slategrey;
}

#thirtyfive a:hover {
	text-decoration: none;
	color: snow;
}

/*Background design modified from Script Tutorials. See copyright below*/

/* ============================================================================================== 
This copyright notice must be kept untouched in the stylesheet at all times.
The original version of this stylesheet and the associated (x)html 
is available at http://www.script-tutorials.com/night-sky-with-twinkling-stars/
Copyright (c) Script Tutorials. All rights reserved.
This stylesheet and the associated (x)html may be modified in any way to fit your requirements.
================================================================================================= */

@keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-webkit-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-moz-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}
@-ms-keyframes move-twink-back {
    from {background-position:0 0;}
    to {background-position:-10000px 5000px;}
}


#thirtyfive .twinkling{
  background:transparent url(../images/twinkling.png) repeat top center;
  z-index:1;

 -moz-animation:move-twink-back 200s linear infinite;
  -ms-animation:move-twink-back 200s linear infinite;
  -o-animation:move-twink-back 200s linear infinite;
  -webkit-animation:move-twink-back 200s linear infinite;
  animation:move-twink-back 200s linear infinite;
}

/*--------Day 36------*/

#thirtysix .content {
	background-color: #DCD7D3;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/rough-cloth-light.png);

}

#thirtysix .row {
	margin-top: 50px;
}

#thirtysix .scares {
	width: 320px;
	margin: auto;
	position: relative;
	height: 650px;
}

#thirtysix .borderbox {
	width: 300px;
	height: 600px;
	border: 10px solid white;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.scares > *:nth-child(1) {
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 18em;
	position: absolute;
	top: 80px;
	left: 30px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(2) {
	color: white;
	font-family: 'playfair display', serif;
	font-size: 10em;
	position: absolute;
	top: 30px;
	left: 200px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(3) {
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 8em;
	position: absolute;
	top: 190px;
	left: 215px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(4) {
	color: white;
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	font-size: 12em;
	position: absolute;
	left: 110px;
	top: 260px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);

}

#thirtysix .scaresyou {
	color: white;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: .8em;
	line-height: 3em;
	letter-spacing: 5px;
	position: absolute;
	right: 80px;
	top: 480px;
	border-top: 5px solid white;
	padding-top: 10px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 5px rgba(15,15,15,0.1);

}

/*---------Media Query-------*/
@media only screen and (min-width : 768px) {
	#thirtysix .scares {
	width: 500px;
	margin: auto;
	position: relative;
	height: 650px;
}

#thirtysix .borderbox {
	width: 450px;
	height: 600px;
	border: 10px solid white;
	position: absolute;
	top: 50px;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.scares > *:nth-child(1) {
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	font-size: 25em;
	position: absolute;
	top: 80px;
	left: 60px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(2) {
	color: white;
	font-family: 'playfair display', serif;
	font-size: 16em;
	position: absolute;
	top: 0;
	left: 285px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(3) {
	color: white;
	font-family: 'Oswald', sans-serif;
	font-size: 12em;
	position: absolute;
	top: 235px;
	left: 320px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);
}

.scares > *:nth-child(4) {
	color: white;
	font-family: 'Old Standard TT', serif;
	font-style: italic;
	font-size: 18em;
	position: absolute;
	left: 130px;
	top: 325px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 4px rgba(15,15,15,0.1);

}

#thirtysix .scaresyou {
	color: white;
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	text-align: left;
	font-size: .8em;
	line-height: 3em;
	letter-spacing: 5px;
	position: absolute;
	right: 60px;
	top: 490px;
	border-top: 5px solid white;
	padding-top: 10px;
	text-shadow: 1px 1px rgba(255,255,255,0.2), -2px -2px 5px rgba(15,15,15,0.1);

}
}

#thirtysix .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtysix a {
	color: slategrey;
}

#thirtysix a:hover {
	text-decoration: none;
	color: orangered;
}

/*--------Day 37------*/
#thirtyseven .content {
	background-color: #fafafa;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/natural-paper-blue.png);
}

#thirtyseven .day {
	border-color: orangered;
	color: orangered;
}
#thirtyseven .orphanblack {
	margin-top: 100px;
	position: relative;
}

#thirtyseven .firstfont {
	font-family: 'archivo black', sans-serif; 
	color: #FA5E47; 
	font-size: 5em; 
	letter-spacing: 20px;
	margin: 20px auto;
}

#thirtyseven .or {
	-ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  margin-top: -50px;
  padding-right: 50px;
}

#thirtyseven .notpay {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  padding-left: 50px;

}

#thirtyseven .secondfont {
	font-family: 'Anonymous Pro', monospace;
	text-align: left;
	font-weight: bold;
	color: blue;
	font-size: 1.05em;
	line-height: 1.75em;
	margin-top: 40px;
	letter-spacing: 1px;
	width: 100px;
}

#thirtyseven .finished {
	position: absolute;
	top: 40px;
	left: 10%;
}

#thirtyseven .considering {
	position: absolute;
	top: 200px;
	left: 65%;
}

#thirtyseven .creditcard {
	color: blue;
	width: 30px;
	height: 30px;
	border: 2px solid blue;
	border-radius: 15px;
	padding-top: 2px;
	position: absolute;
	top: 275px;
	left: 20%;
}

#thirtyseven .teamhelena {
	position: absolute;
	top: 445px;
	left: 40%;
}

/*-----Media Query------*/
@media only screen and (min-width : 768px) {
#thirtyseven .firstfont {
	font-size: 6em; 
	letter-spacing: 20px;
	margin: 25px auto;
}

#thirtyseven .or {
	-ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  margin-top: -50px;
  padding-right: 50px;
}

#thirtyseven .finished {
	position: absolute;
	top: 40px;
	left: 25%;
}

#thirtyseven .considering {
	position: absolute;
	top: 200px;
	left: 65%;
}

#thirtyseven .creditcard {
	position: absolute;
	top: 275px;
	left: 40%;
}

#thirtyseven .teamhelena {
	position: absolute;
	top: 445px;
	left: 40%;
}
	}

/*-----End Media Query------*/

#thirtyseven .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtyseven a {
	color: orangered;
}

#thirtyseven a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 38------*/
#thirtyeight .content {
	background-color: #4465AD;
	padding: 15rem 0 12rem 0;
}

#thirtyeight .day {
	border-color: white;
	color: white;
}

#thirtyeight .row {
	width: 90%;
	margin: 50px auto auto auto;
}

#thirtyeight .firstfont {
	font-family: 'Cardo', serif; 
	color: white; 
	font-size: 3em; 
	margin: -50px auto auto auto;
}

#thirtyeight .quotefont {
	font-family: 'Cardo', serif; 
	color: white; 
	font-size: 7em; 
	margin: auto;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 32%, #fff 33%, #fff 35%, transparent 36%, transparent 100%);
}

#thirtyeight .secondfont {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 300;
	color: white;
	font-size: .85em;
	line-height: 1.75em;
	letter-spacing: 1px;
	width: 180px;
	float: right;
	margin-top: -50px;
}


/*-----Media Query------*/
@media only screen and (min-width : 768px) {
#thirtyeight .row {
	width: 750px;
	margin: 100px auto auto auto;
}

#thirtyeight .firstfont {
	font-family: 'Cardo', serif; 
	color: white; 
	font-size: 5em; 
	margin: -75px auto auto auto;
}

#thirtyeight .quotefont {
	font-family: 'Cardo', serif; 
	color: white; 
	font-size: 10em; 
	margin: auto;
	background-image: linear-gradient(to bottom, transparent 0%, transparent 32%, #fff 33%, #fff 35%, transparent 36%, transparent 100%);
}

#thirtyeight .secondfont {
	font-family: 'Open Sans', sans-serif;
	text-align: left;
	font-weight: 300;
	color: gainsboro;
	font-size: 1.05em;
	line-height: 1.75em;
	letter-spacing: 1px;
	width: 200px;
	margin: 340px auto auto auto;
}
	}

/*-----End Media Query------*/

#thirtyeight .colophon {
	font-family: Montserrat, sans-serif;
	color: white;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtyeight a {
	color: orangered;
}

#thirtyeight a:hover {
	text-decoration: none;
	color: white;
}

/*--------Day 39------*/
#thirtynine .content {
	background-color: #eeeeee;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/asfalt-light.png);
}

#thirtynine .row {
	width: 85%;
	margin: 100px auto auto auto;
	position: relative;
}

#thirtynine .day {
	-webkit-animation: fadein .5s linear .5s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear .5s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear .5s both; /* Internet Explorer */
         -o-animation: fadein .5s linear .5s both; /* Opera < 12.1 */
            animation: fadein .5s linear .5s both;
}

#thirtynine .raintitle {
	margin-top: 30px;
	margin-bottom: 50px;
		-webkit-animation: fadein .5s linear .75s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear .75s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear .75s both; /* Internet Explorer */
         -o-animation: fadein .5s linear .75s both; /* Opera < 12.1 */
            animation: fadein .5s linear .75s both;
}

#thirtynine .firstfont {
	font-family: 'Old Standard TT', serif; 
	color: #151515; 
	font-size: 1em; 
}

#thirtynine .secondfont {
	font-family: 'Fjalla One', sans-serif;
	color: #151515;
	font-size: 2em;
	letter-spacing: 10px;
}

#thirtynine .raincircle {
	height: 16px;
	width: 16px;
	border-radius: 50%;
	border: 2px solid blue;
}

.raincircle:nth-of-type(1) {
	position: absolute;
	top: 0px;
	right: 100px;

		-webkit-animation: fadein .5s linear 2.5s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 2.5s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 2.5s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 2.5s both; /* Opera < 12.1 */
            animation: fadein .5s linear 2.5s both;}

.raincircle:nth-of-type(2) {
	position: absolute;
	top: 200px;
	left: 50px;
		-webkit-animation: fadein .5s linear 3s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 3s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 3s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 3s both; /* Opera < 12.1 */
            animation: fadein .5s linear 3s both;}

 .raincircle:nth-of-type(3) {
	position: absolute;
	top: 500px;
	right: 50px;
		-webkit-animation: fadein .5s linear 3.75s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 3.75s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 3.75s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 3.75s both; /* Opera < 12.1 */
            animation: fadein .5s linear 3.75s both;}
         



#thirtynine .rainpone {
		-webkit-animation: fadein .5s linear 1s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 1s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 1s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 1s both; /* Opera < 12.1 */
            animation: fadein .5s linear 1s both;
}

#thirtynine .rainptwo {
		-webkit-animation: fadein .5s linear 1.25s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 1.25s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 1.25s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 1.25s both; /* Opera < 12.1 */
            animation: fadein .5s linear 1.25s both;
}

#thirtynine .rainpthree {
		-webkit-animation: fadein .5s linear 1.5s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 1.5s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 1.5s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 1.5s both; /* Opera < 12.1 */
            animation: fadein .5s linear 1.5s both;
}

#thirtynine .rainpfour {
		-webkit-animation: fadein .5s linear 1.75s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 1.75s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 1.75s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 1.75s both; /* Opera < 12.1 */
            animation: fadein .5s linear 1.75s both;
}

#thirtynine .rainpfive {
		-webkit-animation: fadein .5s linear 2s both; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein .5s linear 2s both; /* Firefox < 16 */
        -ms-animation: fadein .5s linear 2s both; /* Internet Explorer */
         -o-animation: fadein .5s linear 2s both; /* Opera < 12.1 */
            animation: fadein .5s linear 2s both;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}



/*-----Media Query------*/
@media only screen and (min-width : 480px) {
	#thirtynine .row {
	width: 400px;
	margin: 100px auto auto auto;
	position: relative;
}

	}

/*-----End Media Query------*/

#thirtynine .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#thirtynine a {
	color: orangered;
}

#thirtynine a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 40------*/
#forty .content {
	background-color: #FBE0E2;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/inspiration-geometry-red.png);
}

#forty .row {
	width: 85%;
	margin: 75px auto auto auto;
	position: relative;
}

#forty .day {
	color: orangered;
	border-color: orangered;
}

#forty .firstfont {
	font-family: 'Quicksand', sans-serif; 
	font-size: 8em; 
}

#forty .tgif {
	position: relative;
	margin-bottom: 25px;
}

#forty .tgifone {
	color: white;
	-ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg); /* Standard syntax */
}

@keyframes tgiffade {
    from { opacity: 0; }
    to   { opacity: .8; }
}

/* Firefox < 16 */
@-moz-keyframes tgiffade {
    from { opacity: 0; }
    to   { opacity: .8; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes tgiffade {
    from { opacity: 0; }
    to   { opacity: .8; }
}

/* Internet Explorer */
@-ms-keyframes tgiffade {
    from { opacity: 0; }
    to   { opacity: .8; }
}

/* Opera < 12.1 */
@-o-keyframes tgiffade {
    from { opacity: 0; }
    to   { opacity: .8; }
}


.tgifone > *:nth-child(1) {
  -webkit-animation: tgiffade .25s linear .10s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .10s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .10s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .10s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .10s both;
}

.tgifone > *:nth-child(2) {
   -webkit-animation: tgiffade .25s linear .20s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .20s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .20s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .20s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .20s both;
}

.tgifone > *:nth-child(3) {
  -webkit-animation: tgiffade .25s linear .30s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .30s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .30s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .30s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .30s both;
}

.tgifone > *:nth-child(4) {
  -webkit-animation: tgiffade .25s linear .40s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .40s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .40s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .40s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .40s both;
}

#forty .tgiftwo {
	-ms-transform: skewY(10deg); /* IE 9 */
    -webkit-transform: skewY(10deg); /* Safari */
    transform: skewY(10deg); /* Standard syntax */
    position: absolute;
    top: 45px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.tgiftwo > *:nth-child(1) {
  color: orangered;
  opacity: .8;
  -webkit-animation: tgiffade .25s linear .10s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .10s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .10s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .10s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .10s both;
}

.tgiftwo > *:nth-child(2) {
  color: #7DC89C;
  opacity: .8;
   -webkit-animation: tgiffade .25s linear .20s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .20s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .20s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .20s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .20s both;
}

.tgiftwo > *:nth-child(3) {
  color: #DEEF4C;
  opacity: .8;
  -webkit-animation: tgiffade .25s linear .30s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .30s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .30s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .30s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .30s both;
}

.tgiftwo > *:nth-child(4) {
  color: #3C7276;
  opacity: .8;
  -webkit-animation: tgiffade .25s linear .40s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: tgiffade .25s linear .40s both; /* Firefox < 16 */
  -ms-animation: tgiffade .25s linear .40s both; /* Internet Explorer */
  -o-animation: tgiffade .25s linear .40s both; /* Opera < 12.1 */
  animation: tgiffade .25s linear .40s both;
}

#forty .secondfont {
	font-family: 'josefin slab', serif;
	color: orangered;
	font-size: 1.5em;
 margin-top: 75px;
}

#forty .fridays {
	background-color: white; 
	padding: 5px 10px;
	-webkit-animation: fadein .5s linear .5s both; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein .5s linear .5s both; /* Firefox < 16 */
  -ms-animation: fadein .5s linear .5s both; /* Internet Explorer */
  -o-animation: fadein .5s linear .5s both; /* Opera < 12.1 */
  animation: fadein .5s linear .5s both;
}

/*-----Media Query------*/
@media only screen and (min-width : 480px) {
#forty .firstfont {
	font-family: 'Quicksand', sans-serif; 
	font-size: 12em; 
}

#forty .tgif {
	position: relative;
	margin-bottom: 100px;
}

#forty .tgiftwo {
    position: absolute;
    top: 67px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#forty .secondfont {
 margin-top: 125px;
}

	}

@media only screen and (min-width : 768px) {
#forty .firstfont {
	font-family: 'Quicksand', sans-serif; 
	font-size: 17em; 
}

#forty .tgif {
	position: relative;
	margin-bottom: 100px;
}

#forty .tgiftwo {
    position: absolute;
    top: 95px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#forty .secondfont {
 margin-top: 150px;
}
	}

/*-----End Media Query------*/

#forty .colophon {
	font-family: Montserrat, sans-serif;
	color: white;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
}

#forty a {
	color: orangered;
}

#forty a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 41------*/
#fortyone .content {
	background-color: #F2EEEB;
	padding: 15rem 0 12rem 0;
}

#fortyone .recap {
	width: 100%;
	margin: 75px 0 auto 0;
	padding: 0;
	position: relative;
	height: 500px;
}

#fortyone .row {
	width: 300px;
	margin: 100px auto auto auto;
}

#fortyone .picking {
	position: relative;
	z-index: 2;
}

#fortyone .firstfont {
	font-family: 'Prata', serif; 
	font-size: 1.2em;
	line-height: 1.75em; 
}

#fortyone .secondfont {
	font-family: 'Francois One', sans-serif;
	color: #151515;
	font-size: 3.5em;
 margin-top: 75px;
}

#fortyone .thirdfont {
	font-family: 'Francois One', sans-serif;
	color: #151515;
	font-size: 4.5em;
	line-height: 1.05em;
}

#fortyone .cherry {
	width: 75px;
	height: 75px;
	border-radius: 50%;
	border-width: 25px;
	border-style: solid;
	position: absolute;
}

.cherry:nth-of-type(1) {
	border-color: orangered;
	opacity: .75;
	top: 0px;
	left: 25%;
}

.cherry:nth-of-type(2) {
	border-color: #F4B194;
	opacity: .8;
	top: 200px;
	left: 2%;
	z-index: 2;
}

.cherry:nth-of-type(3) {
	border-color: #F7E253;
	background-color: #F7E253;
	opacity: .75;
	top: 275px;
	left: 8%;
	z-index: 1;
}

.cherry:nth-of-type(4) {
	border-color: #BBB;
	opacity: .2;
	top: 100px;
	left: 70%;

}

.cherry:nth-of-type(5) {
	border-color: #BD5C88;
	background-color: #BD5C88;
	opacity: .9;
	top: 350px;
	left: 80%;
}

.cherry:nth-of-type(6) {
	border-color: #3F3A58;
	opacity: .75;
	top: 500px;
	left: 60%;
}

.cherry:nth-of-type(7) {
	border-color: orangered;
	background-color: orangered;
	opacity: .65;
	top: 600px;
	left: 40%;
}

.cherry:nth-of-type(8) {
	border-color: #F7E253;
	opacity: .80;
	top: 700px;
	left: 30%;
}



/*-----Media Query------*/
@media only screen and (min-width : 480px) {
	}

@media only screen and (min-width : 768px) {
#fortyone .recap {
	width: 100%;
	margin: 75px 0 auto 0;
	padding: 0;
	position: relative;
	height: 850px;
}

#fortyone .row {
	width: 400px;
	margin: auto;
}

#fortyone .picking {
	position: relative;
	z-index: 2;
}

#fortyone .thirdfont {
	margin-left: 50px;
}

#fortyone .cherry {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	border-width: 45px;
	border-style: solid;
	position: absolute;
}

.cherry:nth-of-type(1) {
	border-color: orangered;
	opacity: .75;
	top: 0px;
	left: 25%;
}

.cherry:nth-of-type(2) {
	border-color: #F4B194;
	opacity: .8;
	top: 200px;
	left: 2%;
	z-index: 2;
}

.cherry:nth-of-type(3) {
	border-color: #F7E253;
	background-color: #F7E253;
	opacity: .75;
	top: 275px;
	left: 8%;
	z-index: 1;
}

.cherry:nth-of-type(4) {
	border-color: #BBB;
	opacity: .2;
	top: 100px;
	left: 70%;

}

.cherry:nth-of-type(5) {
	border-color: #BD5C88;
	background-color: #BD5C88;
	opacity: .9;
	top: 350px;
	left: 80%;
}

.cherry:nth-of-type(6) {
	border-color: #3F3A58;
	opacity: .75;
	top: 500px;
	left: 60%;
}

.cherry:nth-of-type(7) {
	border-color: orangered;
	background-color: orangered;
	opacity: .65;
	top: 600px;
	left: 40%;
}

.cherry:nth-of-type(8) {
	border-color: #F7E253;
	opacity: .80;
	top: 700px;
	left: 30%;
}

#fortyone .lowpoint {
	margin-top: 250px;
}
	}

/*-----End Media Query------*/

#fortyone .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortyone a {
	color: #151515;
}

#fortyone a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 42------*/


#fortytwo .content {
	background-color: #eaece9;
	padding: 15rem 0 12rem 0;
	overflow: hidden;
	position: relative;
}

#fortytwo .day {
	position: relative;
	z-index: 2;
}

#fortytwo .content:before { 
  content: '';
  position: absolute;
  left: -20%;
  width: 200%; 
  height: 100%; 
  background-color: rgb(255, 255, 255); /* fallback */
  background-color: rgba(255, 255, 255, 0.5);
  top: -500px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
}

#fortytwo .row {
	margin-top: 100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#fortytwo .businesscard {
	width: 300px;
	height: 205px;
background-color: #fffefe;
background-image: url(../images/natural-paper.png);
	margin: auto;
	border-radius: 2px;
	padding-left: 5px;
	margin-bottom: 50px;
	padding-top:20px;
	box-shadow: 5px 5px 10px rgba(15, 15, 15, .075);
}

#fortytwo .firstfont {
	font-family: 'montserrat', sans-serif; 
	color: gainsboro;
	letter-spacing: 7px;
	font-size: .75em;
	line-height: 2.4em; 
}

#fortytwo .secondfont {
	font-family: 'montserrat', sans-serif; 
	color: #151515;
	letter-spacing: 5px;
	font-size: .5em;
	line-height: 2em;
}

#fortytwo .thirdfont {
	font-family: 'Playfair Display SC', serif;
	font-size: 1em;
	letter-spacing: 3px;
	color: #151515;
}

#fortytwo .cardcontent {
	margin-top: 15px;
}

#fortytwo .businessemail {
	margin-top: 25px;
	color: gainsboro;
}

#fortytwo .commentary {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	border-top: 3px solid #151515;
	padding-top: 20px;
	font-family: 'Playfair display';
	line-height: 1.75em;

}



/*-----Media Query------*/
@media only screen and (min-width : 480px) {
#fortytwo .row {
	margin-top: 100px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#fortytwo .businesscard {
	width: 400px;
	height: 250px;
background-color: #fffefe;
background-image: url(../images/natural-paper.png);
	margin: auto;
	border-radius: 2px;
	margin-bottom: 50px;
	padding-left: 8px;
	padding-top: 8px;
	box-shadow: 5px 5px 10px rgba(15, 15, 15, .075);
}

#fortytwo .firstfont {
	font-family: 'montserrat', sans-serif; 
	color: gainsboro;
	letter-spacing: 10px;
	font-size: 1em;
	line-height: 2.4em; 
}

#fortytwo .secondfont {
	font-family: 'montserrat', sans-serif; 
	color: #151515;
	letter-spacing: 5px;
	font-size: .75em;
	line-height: 2em;
}

#fortytwo .thirdfont {
	font-family: 'Playfair Display SC', serif;
	font-size: 1em;
	letter-spacing: 3px;
	color: #151515;
}

#fortytwo .cardcontent {
	margin-top: 25px;
}

#fortytwo .businessemail {
	margin-top: 40px;
	color: gainsboro;
}

#fortytwo .commentary {
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	border-top: 3px solid #151515;
	padding-top: 20px;
	font-family: 'Playfair display';
	line-height: 1.75em;

}

	}

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

#fortytwo .row {
	margin-top: 100px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

#fortytwo .businesscard {
	width: 400px;
	height: 250px;
background-color: #fffefe;
background-image: url(../images/natural-paper.png);
	margin: auto;
	border-radius: 2px;
	margin-bottom: 50px;
	padding-left: 8px;
	padding-top: 8px;
	box-shadow: 5px 5px 10px rgba(15, 15, 15, .075);
}

#fortytwo .firstfont {
	font-family: 'montserrat', sans-serif; 
	color: gainsboro;
	letter-spacing: 10px;
	font-size: 1em;
	line-height: 2.4em; 
}

#fortytwo .secondfont {
	font-family: 'montserrat', sans-serif; 
	color: #151515;
	letter-spacing: 5px;
	font-size: .75em;
	line-height: 2em;
}

#fortytwo .thirdfont {
	font-family: 'Playfair Display SC', serif;
	font-size: 1em;
	letter-spacing: 3px;
	color: #151515;
}

#fortytwo .cardcontent {
	margin-top: 25px;
}

#fortytwo .businessemail {
	margin-top: 40px;
	color: gainsboro;
}

#fortytwo .commentary {
	width: 200px;
	margin-top: 440px;
	border-top: 3px solid #151515;
	padding-top: 20px;
	font-family: 'Playfair display';
	line-height: 1.75em;
}

	}

/*-----End Media Query------*/

#fortytwo .colophon {
	font-family: Montserrat, sans-serif;
	color: slategrey;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortytwo a {
	color: #151515;
}

#fortytwo a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 43------*/


#fortythree .content {
	background-color: #D6CA34;
	padding: 15rem 0 12rem 0;
	overflow: hidden;
	position: relative;
}

#fortythree .row {
	margin-top: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#fortythree .subtitle {
	margin-bottom: 50px;
}

#fortythree .podcast {
	margin-bottom: 50px;
}

#fortythree .firstfont {
	font-family: 'Francois One', sans-serif; 
	color: #151515;
	letter-spacing: 3px;
	font-size: 1.25em;
	line-height: 2.4em; 
	padding-bottom: 15px;
border-bottom: 2px solid snow;
	width: 90%;
	margin: auto auto 25px auto;
/*border-radius: 10px;*/

}

#fortythree .secondfont {
	font-family: 'EB Garamond', serif; 
	color: #151515;
	letter-spacing: 1px;
	font-size: 3.75em;
	line-height: 2em;
}

#fortythree .thirdfont {
	font-family: 'EB Garamond', serif; 
	color: #151515;
	font-size: 1.4em;
	line-height: 1.75em;
}

#fortythree .number {
	font-family: 'francois one', sans-serif; 
	color: snow;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid snow;
	font-size: 1.5em;
	line-height: 2em;
	margin: auto;
	padding-top: 2px;
}

/*#fortythree .podcast {
	margin-bottom: 50px;
}*/



/*-----Media Query------*/
@media only screen and (min-width : 480px) {
#fortythree .row {
	margin-top: 100px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#fortythree .firstfont {
	font-family: 'Francois One', sans-serif; 
	color: #151515;
	letter-spacing: 3px;
	font-size: 1.25em;
	line-height: 2.4em; 
	padding-bottom: 15px;
border-bottom: 2px solid snow;
	width: 450px;
	margin: auto auto 25px auto;
/*border-radius: 10px;*/

}
	}

@media only screen and (min-width : 992px) {
#fortythree .row {
	margin-top: 100px;
	width: 750px;
	margin-left: auto;
	margin-right: auto;
}

.podcastone {
	margin-top: 75px;
}

.podcasttwo {
	margin-top: 200px;
}

.podcastfour {
	margin-top: 175px;
}

#fortythree .subtitle {
	margin-bottom: auto;
}

#fortythree .podcast {
	margin-bottom: auto;
}
	}

/*-----End Media Query------*/

#fortythree .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortythree a {
	color: snow;
}

#fortythree a:hover {
	text-decoration: none;
	color: slategrey;
}


/*--------Day 44------*/


#fortyfour .content {
	background-color: #9995BA;
	padding: 15rem 0 12rem 0;
}

#fortyfour .row {
	margin-top: 100px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#fortyfour .tuesday {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	padding-bottom: 100px;
}

#fortyfour .firstfont {
	font-family: 'Righteous', sans-serif; 
	color: snow;
	font-size: 8em;
	line-height: 1.25em; 

}

#fortyfour .secondfont {
	font-family: 'Josefin Slab', serif; 
	color: #151515;
	font-size: .13em;
	line-height: 2em;
	text-transform: none;
}

#fortyfour .dayspan {
	letter-spacing: 20px;
}

#fortyfour hr {
	border-width: 15px;
	border-style: solid;
	margin-left: 0;
}

#fortyfour .tueline {
	border-color: hotpink;
	opacity: .75;
	position: absolute;
	top: 50px;
	width: 300px;
}

#fortyfour .sline {
	border-color: orangered;
	opacity: .75;
	position: absolute;
	top: 225px;
	width: 50px;
}

#fortyfour .dayline {
	border-color: mintcream;
	opacity: .75;
	position: absolute;
	top: 325px;
	width: 300px;
}

#fortyfour .commentary {
	width: 220px;
	position: absolute;
	top: 230px;
	left: 100px;

}

/*-----Media Query------*/
@media only screen and (min-width : 480px) {
#fortyfour .tuesday {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 30px;
	position: relative;
	padding-bottom: 100px;
}

#fortyfour .firstfont {
	font-family: 'Righteous', sans-serif; 
	color: snow;
	font-size: 10em;
	line-height: 1.25em; 

}

#fortyfour hr {
	border-width: 15px;
	border-style: solid;
	margin-left: 0;
}

#fortyfour .tueline {
	border-color: hotpink;
	opacity: .75;
	position: absolute;
	top: 75px;
	width: 315px;
}

#fortyfour .sline {
	border-color: orangered;
	opacity: .75;
	position: absolute;
	top: 300px;
	width: 50px;
}

#fortyfour .dayline {
	border-color: mintcream;
	opacity: .75;
	position: absolute;
	top: 400px;
	width: 315px;
}

#fortyfour .commentary {
	width: 230px;
	position: absolute;
	top: 275px;
	left: 150px;

}
	}
/*-----End Media Query------*/

#fortyfour .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortyfour a {
	color: snow;
}

#fortyfour a:hover {
	text-decoration: none;
	color: slategrey;
}

/*--------Day 45------*/


#fortyfive .content {
	background-color: gainsboro;
	padding: 15rem 0 12rem 0;
}

#fortyfive .firstfont {
	font-family: 'oswald', sans-serif; 
	color: orangered;
	opacity: 75%;
	font-size: 20vw;
	line-height: 1.5em; 
	width: 75vw;
	text-align: left;
	margin-left: 15vw;
	margin-bottom: 50px;
	margin-top: 100px;
}

#fortyfive .secondfont {
	font-family: 'Lora', serif; 
	color: #151515;
	font-size: 1.1em;
	line-height: 2em;
}

#fortyfive .commentary{
	-webkit-column-width: 200px; /* Chrome, Safari, Opera */
    -moz-column-width: 200; /* Firefox */
    column-width: 200px;

    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;

    padding-left: 15vw;
    padding-right: 15vw;

    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin: auto;
} 

#fortyfive .thirdfont {
	font-family: 'Cutive Mono', monospace; 
	color: #151515;
	font-size: .85em;
	line-height: 1.5em;
	text-transform: none; 
}

#fortyfive .note {
	width: 150px;
	text-align: left;
	margin-top: 75px;
		margin-left: 50vw;
}

#fortyfive .weekend {
	position: relative;
	margin-top: 100px;
}

#fortyfive .hangin {
	position: relative;
	z-index: 1;
	margin-bottom: 20px;
	margin-top: 100px;
}

#fortyfive .square {
	width: 70vw;
	height: 70vw;
	max-width: 700px;
	min-width: 320px;
	background-color: mintcream;
	opacity: .50;
	margin-left: 25vw;
	position: absolute;
	top: 0px;
	z-index: 0;
}

/*-----Media Query------*/
@media only screen and (min-width : 480px) {
#fortyfive .firstfont {
	font-family: 'oswald', sans-serif; 
	color: tomato;
	opacity: 75%;
	font-size: 12vw;
	line-height: 1.5em; 
	width: 40vw;
	text-align: left;
	margin-left: 15vw;
	margin-bottom: 50px;

}

#fortyfive .secondfont {
	font-family: 'Lora', serif; 
	color: #151515;
	font-size: 1.25em;
	line-height: 2em;
}

#fortyfive .note {
	width: 150px;
	text-align: left;
	margin-top: 75px;
	margin-left: 65vw;
}

	}

/*-----End Media Query------*/

#fortyfive .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 12rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortyfive a {
	color: tomato;
}

#fortyfive a:hover {
	text-decoration: none;
	color: snow;
}

/*--------Day 46------*/

#fortysix .content {
	background-color: #2B324F;
	padding: 15rem 0 12rem 0;
	position: relative;
}

#fortysix .day {
	border-color: #FFFDE6;
	color: #FFFDE6;

}

#fortysix .firstfont {
	font-family: 'open sans condensed', sans-serif; 
	color: #FFFDE6;
	opacity: 75%;
	font-size: 2.4em;
	line-height: 2.75em;
	letter-spacing: 7px; 
	width: 300px;
	min-height: 400px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 75px;
	margin-top: 125px;
	border: 1px solid #FFFDE6;
		-ms-transform: skewY(10deg); /* IE 9 */
    -webkit-transform: skewY(10deg); /* Safari */
    transform: skewY(10deg); /* Standard syntax */
}

/*#fortysix .eyes {
	width: 320px;
	margin: auto;
	background-color: red;
}*/

#fortysix .secondfont {
	font-family: Cabin, sans-serif; 
	color: gold;
	font-size: .75em;
	letter-spacing: 5px;
	line-height: 3em;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
  -ms-transform: skewY(10deg); /* IE 9 */
  -webkit-transform: skewY(10deg); /* Safari */
  transform: skewY(10deg); /* Standard syntax */

  }

#fortysix .line div {
	background-color: mintcream;
	position: absolute;
}

#fortysix .line div:nth-child(1) {
  width: 3vh;
  height: 1vh;
  opacity: .75;
  top: 20%vh;
  left: 10%;
 }

#fortysix .line div:nth-child(2) {
  width: 5vh;
  height: 1.25vh;
  opacity: .25;
    top: 40%;
  left: 20%;
 }

#fortysix .line div:nth-child(3) {
  width: 6vh;
  height: 1.5vh;
  opacity: .5;
  left: 72%;
  top: 72%;
 }

 #fortysix .line div:nth-child(4) {
  width: 3vh;
  height: .5vh;
  opacity: .5;
   top:50%;
  left: 25%;
  background-color: gold;
 }

#fortysix .line div:nth-child(5) {
  width: 2vh;
  height: .5vh;
  opacity: .25;
  top: 15%;
  left: 60%;
    background-color: gold;
 }

#fortysix .line div:nth-child(6) {
  width: 4vh;
  height: 1.5vh;
  opacity: .6;
    top: 45%;
  left: 70%;
 }

#fortysix .line div:nth-child(7) {
  width: 4vh;
  height: .5vh;
  opacity: .5;
  top: 60%;
  left: 80%;

 }

 #fortysix .line div:nth-child(8) {
  width: 2.5vh;
  height: .5vh;
  opacity: .5;
   top: 70%;
  left: 20%;

 }

 #fortysix .line div:nth-child(9) {
  width: 2.5vh;
  height: .5vh;
  opacity: .5;
   top: 80%;
  left: 60%;

 }

  #fortysix .line div:nth-child(10) {
  width: 2.5vh;
  height: .5vh;
  opacity: .5;
   top: 10%;
  left: 10%;
  background-color: gold;
 }

 #fortysix .line div:nth-child(11) {
 width: 3.5vh;
 height: .8vh;
 opacity: .25;
 top: 18%;
left: 23%;
 }

 #fortysix .line div:nth-child(12) {
 width: 4vh;
 height: .75vh;
 opacity: .25;
 top: 24%;
left: 68%;
 }

 #fortysix .line div:nth-child(13) {
 width: 2vh;
 height: .55vh;
 opacity: .35;
 top: 35%;
left: 89%;
background-color: gold;
 }

 #fortysix .line div:nth-child(14) {
 width: 5.5vh;
 height: .70vh;
 opacity: .8;
 top: 36%;
left: 10%;
 }

 #fortysix .line div:nth-child(15) {
 width: 4.2vh;
 height: .70vh;
 opacity: .25;
 top: 24%;
left: 5%;
 }

 #fortysix .line div:nth-child(16) {
 width: 3.2vh;
 height: .5vh;
 opacity: .6;
 top: 55%;
left: 90%;
 }

 #fortysix .line div:nth-child(17) {
 width: 5.2vh;
 height: .5vh;
 opacity: .6;
 top: 65%;
left: 42%;
 }

 #fortysix .line div:nth-child(18) {
 width: 7.2vh;
 height: .25vh;
 opacity: .5;
 top: 75%;
left: 32%;
  background-color: gold;
 }

 #fortysix .line div:nth-child(19) {
 width: 6.2vh;
 height: .4vh;
 opacity: .25;
 top: 58%;
left: 7%;
 }

 #fortysix .line div:nth-child(20) {
 width: 4vh;
 height: .4vh;
 opacity: .7;
 top: 82%;
left: 92%;
 }

/*-----Media Query------*/
@media only screen and (max-width : 480px) {
#fortysix .line {
	visibility: hidden;}

	}

/*-----End Media Query------*/

#fortysix .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 20rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortysix a {
	color: slategrey;
}

#fortysix a:hover {
	text-decoration: none;
	color: #FFFDE6;
}

/*--------Day 47------*/

#fortyseven .content {
	background-color: #E9EDE1;
	padding: 15rem 0 12rem 0;
	background-image: url('../images/natural-paper-blue.png');
}

#fortyseven .row {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
}

#fortyseven .titlebox {
	width: 225px;
	float: right;
	margin-right: 2%;
	margin-bottom: 20px;
}

#fortyseven .digitalnumber {
	padding-top: 20px;
	border-top: 5px solid white;
	width: 100%;
	margin-top: 75px;
}

#fortyseven .test {
	clear: both;
}

#fortyseven .firstfont {
	font-family: 'Old Standard TT', serif;
	color: #4B7EC5;
	font-size: 25vw;
	line-height: 1em;
	letter-spacing: 2px; 
}

#fortyseven .secondfont {
	font-family: 'PT Sans Narrow', sans-serif; 
	color: #4B7EC5;
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 1.5em;
  }

#fortyseven .title {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.75em;
	letter-spacing: 4px;
	text-align: right;
	margin-top: 0px;
	color: #151515;
}

#fortyseven .commentary {
	margin-top: 50px;
	text-align: left;
	margin-left: 4vw;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2.5em;
	letter-spacing: 4px;
	margin-top: 75px;
	color: #151515;
	width: 225px;
}

#fortyseven .numberlabel {
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 10px;
}

#fortyseven .numberlabel a {
	color: #151515;
	text-decoration: none;
	padding-bottom: 5px;
	border-bottom: 3px solid #151515;
}

#fortyseven .numberlabel a:hover {
	color: white;
	padding-bottom: 5px;
	border-bottom: 3px solid white;
}


/*-----Media Query------*/
@media only screen and (min-width : 768px) {
#fortyseven .row {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

#fortyseven .titlebox {
	width: 225px;
	float: right;
	margin-right: 2%;
	margin-bottom: auto;
}

#fortyseven .digitalnumber {
	padding-top: 20px;
	border-top: 5px solid white;
	width: 90%;
	margin-top: auto;
}

#fortyseven .test {
	clear: both;
}

#fortyseven .firstfont {
	font-family: 'Old Standard TT', serif;
	color: #4B7EC5;
	font-size: 5vw;
	line-height: 1em;
	letter-spacing: 2px; 
}

#fortyseven .secondfont {
	font-family: 'PT Sans Narrow', sans-serif; 
	color: #4B7EC5;
	font-size: 1.25em;
	letter-spacing: 1px;
	line-height: 1.5em;
  }

#fortyseven .title {
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	font-size: 2em;
	line-height: 1.75em;
	letter-spacing: 4px;
	text-align: right;
	margin-top: 0px;
	color: #151515;
		/*border-bottom: 4px solid white;*/
}

#fortyseven .commentary {
	margin-top: 50px;
	text-align: left;
	margin-left: 2%;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
	font-size: 1em;
	line-height: 2.5em;
	letter-spacing: 4px;
	margin-top: 0px;
	color: #151515;
	width: 225px;

}
#fortyseven .numberlabel {
	margin-top: 15px;
	padding-left: 5px;
	padding-right: 10px;
}

#fortyseven .col2 {
	margin-top: 100px;
}

#fortyseven .col3 {
	margin-top: 200px;
}

#fortyseven .col4 {
	margin-top: 300px;
	margin-bottom: 50px;
}
	}

/*-----End Media Query------*/

#fortyseven .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortyseven a {
	color: #4B7EC5;
}

#fortyseven a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 48------*/

#fortyeight .content {
	background-color: #DECCC8;
	padding: 15rem 0 12rem 0;
	background-image: url('../images/gridwhiteedit-01.png');
	background-position: center center;
}

#fortyeight .row {
margin-top: 100px;
}


#fortyeight .box{
  width:500px; height:100px;  
  border:solid 1px #F2EEE6;
  border-color:#202319 transparent transparent transparent;
  border-radius: 75%/100px 100px 0 0;
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
  margin-left: auto;
  margin-right: auto;

}

#fortyeight .bebrave {
	margin-top: -34px;
}

#fortyeight .firstfont {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #202319;
	font-weight: bold;
	font-size: 7em;
	line-height: 1em;
	letter-spacing: 10px; 
}

#fortyeight .dreams {
	width: 450px;
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	margin-left: auto;
	margin-right: auto;
	margin-top: 125px;
	text-align: left;
	    -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
    
}

#fortyeight .secondfont {
	font-family: 'playfair display', serif; 
	font-size: 1em;
	line-height: 2em;
  }

 #fortyeight .bebrave span:nth-child(1){
 	-ms-transform: rotate(10deg); /* IE 9 */
  -webkit-transform: rotate(10deg); /* Chrome, Safari, Opera */
  transform: rotate(10deg);
  display: inline-block;
  vertical-align: 12px;
 }

 #fortyeight .bebrave span:nth-child(2){
 	 -ms-transform: rotate(6deg); /* IE 9 */
  -webkit-transform: rotate(6deg); /* Chrome, Safari, Opera */
  transform: rotate(6deg);
  display: inline-block;
  vertical-align: 4px;
 }

 #fortyeight .bebrave span:nth-child(3){
  -ms-transform: rotate(4deg); /* IE 9 */
  -webkit-transform: rotate(4deg); /* Chrome, Safari, Opera */
  transform: rotate(4deg);
  display: inline-block;
  vertical-align: -4px;
 }

 #fortyeight .bebrave span:nth-child(4){
 	vertical-align: -4px;
 }

 #fortyeight .bebrave span:nth-child(5){
 	-ms-transform: rotate(-4deg); /* IE 9 */
  -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
  transform: rotate(-4deg);
  display: inline-block;
  vertical-align: -2px;
 }

 #fortyeight .bebrave span:nth-child(6){
  -ms-transform: rotate(-6deg); /* IE 9 */
  -webkit-transform: rotate(-6deg); /* Chrome, Safari, Opera */
  transform: rotate(-6deg);
  display: inline-block;
  vertical-align: 3px;
 }

 #fortyeight .bebrave span:nth-child(7){
  -ms-transform: rotate(-10deg); /* IE 9 */
  -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
  transform: rotate(-10deg);
  display: inline-block;
  vertical-align: 10px;
 }

/*-----Media Query------*/
@media only screen and (max-width : 480px) {
#fortyeight .content {
	background-size: 50%;
}

#fortyeight .row {
margin-top: 50px;
}

#fortyeight .box{
  width: 320px; height:100px; 
    border-radius: 90%/100px 100px 0 0; 
}

#fortyeight .firstfont {
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #202319;
	font-weight: bold;
	font-size: 4em;
	line-height: 1em;
	letter-spacing: 10px; 
}

#fortyeight .bebrave {
	margin-top: -25px;
}

#fortyeight .dreams {
	width: 280px;
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
    margin-top: 50px;
}

#fortyeight .secondfont {
	text-align: center;
}

	}

/*-----End Media Query------*/

#fortyeight .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortyeight a {
	color: slategrey;
}

#fortyeight a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 49------*/

#fortynine .content {
	background-color: #e8efe8;
	padding: 15rem 0 12rem 0;
}

#fortynine .row {
margin-top: 125px;
width: 475px;
padding-left: 45px;
padding-top: 50px;
padding-right: 25px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-bottom: 125px;

border: 10px solid #8391ae;
	/*background-image: url('../images/dotedit2-01.png');
		background-position: center center;*/
}

#fortynine .firstfont {
	font-family: Lora, serif;
	color: #3D3936;
	font-size: 5em;
	line-height: 1.2em;
	letter-spacing: 3px; 
	text-align: left;
}

#fortynine .choose {
	width: 125px;
	position: absolute;
	top: 240px;
	right: 40px;
}

#fortynine .secondfont {
	font-family: 'Josefin Sans', sans-serif; 
	color: #3D3936;
	font-size: 1.5em;
	line-height: 1.5em;
	text-align: left;
  }

 #fortynine .dotcircle {
 	width: 200px;
 	height: 200px;
 	border-radius: 50%;
 	background-image: url('../images/dotgrid-01.png');
 	background-position: center center;
 	margin-right: auto;
 	margin-left: 60%;
 	margin-top: -65px;
 }


/*-----Media Query------*/
@media only screen and (max-width : 480px) {

#fortynine .row {
margin-top: 125px;
width: 310px;
padding-left: 20px;
padding-top: 20px;
padding-right: 25px;
margin-left: auto;
margin-right: auto;
position: relative;
padding-bottom: 125px;

border: 10px solid #8391ae;
}

#fortynine .firstfont {
	font-family: Lora, serif;
	color: #3D3936;
	font-size: 2.75em;
	line-height: 1.5em;
	letter-spacing: 3px; 
	text-align: left;
}

#fortynine .choose {
	width: 125px;
	position: absolute;
	top: 150px;
	right: 0px;
}

#fortynine .secondfont {
	font-family: 'Josefin Sans', sans-serif; 
	color: #3D3936;
	font-size: 1.25em;
	line-height: 1.5em;
	text-align: left;
  }

 #fortynine .dotcircle {
 	width: 125px;
 	height: 125px;
 	border-radius: 50%;
 	background-image: url('../images/dotgrid-01.png');
 	background-position: center center;
 	margin-right: auto;
 	margin-left: 70%;
 	margin-top: -50px;
 }

	}

/*-----End Media Query------*/

#fortynine .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 15rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fortynine a {
	color: #8e4e1e;
}

#fortynine a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 50------*/

#fifty .content {
	background-color: #1F2227;
	padding: 15rem 0 12rem 0;
	background-image: url(../images/binding-dark.png);
}

#fifty .day {
	color: snow;
	border-color: snow;
}

#fifty .row {
margin-top: 50px;
width: 480px;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-bottom: 100px;
position: relative;
}

#fifty .leftarrow {
	position: absolute;
	top: 140px;
	left: 210px;
	opacity: .75;
}

#fifty .rightarrow {
	position: absolute;
	top: 260px;
	left: 140px;
	opacity: .75;
}

#fifty .firstfont {
	font-family: 'Vidaloka', serif;
	color: #8e4e1e;
	font-size: 7em;
	line-height: 1.25em;
	letter-spacing: 1px; 
	text-align: left;
	position: relative;
}

#fifty .secondfont {
	font-family: 'Quicksand', sans-serif; 
	color: snow;
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: 10px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 3px solid snow;
	vertical-align: 20px;
	width: 80%;


  }

/*-----Media Query------*/
@media only screen and (max-width : 480px) {

#fifty .row {
margin-top: 50px;
width: 90%;
padding-top: 75px;
padding-bottom: 50px;
}

#fifty .leftarrow {
	top: 90px;
	left: 37%;
	opacity: .75;
}

#fifty .rightarrow {
	top: 175px;
	left: 30%;
	opacity: .75;
}

#fifty .firstfont {
	font-size: 5em;
	line-height: 1.25em;
	letter-spacing: 1px; 
	text-align: left;
	position: relative;
}

#fifty .secondfont {
	font-size: 1.5em;
	line-height: 1.5em;
	letter-spacing: 10px;
	text-align: left;
	padding-bottom: 10px;
	border-bottom: 3px solid snow;
	vertical-align: 20px;
	width: 80%;
	}
}

/*-----End Media Query------*/

#fifty .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fifty a {
	color: snow;
}

#fifty a:hover {
	text-decoration: none;
	color: #8e4e1e;
}

/*--------Day 51------*/

#fiftyone .content {
	background-color: #EACCB2;
	padding: 15rem 0 12rem 0;
}

#fiftyone .row {
margin-top: 75px;
width: 300px;
margin-left: auto;
margin-right: auto;
padding-top: 50px;
padding-bottom: 100px;
position: relative;
}

.dialogue p {
	margin-top: 30px;
	margin-bottom: 30px;
}

#fiftyone .firstfont {
	font-family: 'cutive mono', monospace;
	color: snow;
	font-size: 1.3em;
	line-height: 1.5em;
	text-align: left;
	position: relative;
	padding-bottom: 25px;
	border-bottom: 3px solid snow;
}

#fiftyone .secondfont {
	font-family: 'archivo black', sans-serif; 
	color: snow;
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: 9px;
	text-align: center;
	margin-top: 20px;
  }

/*-----End Media Query------*/

#fiftyone .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fiftyone a {
	color: snow;
}

#fiftyone a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 52------*/

#fiftytwo .content {
	background-color: #EFE6E7;
	padding: 15rem 0 12rem 0;
}

#fiftytwo .row {
	width: 480px;
	margin-left: 35%;
	margin-right: auto;
	margin-top: 125px;
}

#fiftytwo .day {
	color: hotpink;
	border-color: hotpink;
}

#fiftytwo .firstfont {
	font-family: 'oswald', sans-serif;
	color: #181415;
	font-size: 1.25em;
	line-height: 1.5em;
	text-align: center;
	letter-spacing: 10px;
	text-transform: uppercase;
}

#fiftytwo .secondfont {
	font-family: 'Petit Formal Script', serif; 
	color: #181415;
	font-size: 8em;
	line-height: 1.5em;
	text-align: center;
	margin-top: 10px;
  }

 #fiftytwo .thirdfont {
 	font-family: 'Playfair display', serif;
 	font-size: 1.4em;
 	line-height: 2em;
 	text-align: left;
 	width: 68%;
 	padding-left: 20px;
 	position: relative;
 	z-index: 2;

 }

#fiftytwo .commentary {
	width: 380px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 250px;
	padding-top: 50px;
}

 #fiftytwo .selena {
 	font-family: 'montserrat', sans-serif;
	color: blue;
	font-size: .75em;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align: right;
	position: absolute;
	top: 260px;
	left: 260px;
	z-index: 2;
 }

 #fiftytwo .pinkline {
 	border-left: 5px dashed hotpink;
 	height: 300px;
 	-ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  top: 0px;
  left: 35%;

 }

@media only screen and (max-width : 480px) {
	#fiftytwo .row {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 125px;
}

#fiftytwo .secondfont {
	font-family: 'Petit Formal Script', serif; 
	color: #181415;
	font-size: 7em;
	line-height: 1.5em;
	text-align: center;
	margin-top: 10px;
  }

 #fiftytwo .thirdfont {
 	font-family: 'Playfair display', serif;
 	font-size: 1.4em;
 	line-height: 2em;
 	text-align: left;
 	width: 100%;
 	position: relative;
 	z-index: 2;
 }

#fiftytwo .commentary {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-bottom: 250px;
	padding-top: 50px;
}

#fiftytwo .dash {
	margin-left: 35px;
	margin-right: 10px;
}

 #fiftytwo .selena {
 	font-family: 'montserrat', sans-serif;
	color: blue;
	font-size: .75em;
	line-height: 2em;
	text-transform: uppercase;
	letter-spacing: 10px;
	text-align: right;
	position: absolute;
	top: 250px;
	left: 180px;
	z-index: 2;
 }

 #fiftytwo .pinkline {
 	border-left: 5px dashed hotpink;
 	height: 300px;
 	-ms-transform: rotate(-30deg);
  -webkit-transform: rotate(-30deg);
  transform: rotate(-30deg);
  position: absolute;
  top: 0px;
  left: 35%;

 }
}
/*-----End Media Query------*/

#fiftytwo .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}



#fiftytwo a {
	color: hotpink;
}

#fiftytwo a:hover {
	text-decoration: none;
	color: #151515;
}


/*--------Day 52------*/

#fiftythree .content {
	background-color: #F4F4F2;
	padding: 15rem 0 12rem 0;
	position: relative;
}

#fiftythree .growing {
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	height: 500px;
}

#fiftythree .firstfont {
	font-family: 'old standard tt', serif;
	font-style: italic;
	color: #181415;
	font-size: 1.2em;
	line-height: 2em;
	text-align: center;
	letter-spacing: 10px;
	text-transform: uppercase;
}

#fiftythree .secondfont {
	font-family: 'Archivo Black', serif; 
	color: #181415;
	font-size: 14em;
	line-height: 1.5em;
	text-align: center;
	margin-top: 10px;
	position: absolute;
  }

  #fiftythree .c {
  	top: 0%;
  	left: 30%;
  }

	#fiftythree .l {
		top: 5%;
		left: 70%;
	}

	#fiftythree .o {
		top:30%;
		right: 5%;
	}

	#fiftythree .s {
		top: 25%;
		left: 5%;

	}

	#fiftythree .e {
	top: 40%;
	left: 20%;
}

	#fiftythree .r {
		top: 50%;
	left: 60%;
	}

@media only screen and (max-width : 480px) {

#fiftythree .growing {
	width: 320px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	height: 350px;
}

#fiftythree .firstfont {
	font-size: 1em;
}

#fiftythree .secondfont {
	font-size: 7em;
	margin-top: 30px;
	position: absolute;
  }
}
/*-----End Media Query------*/

#fiftythree .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
	z-index: 2;
}

#fiftythree a {
	color: orangered;
}

#fiftythree a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 54------*/

#fiftyfour .content {
	background-color: #44569C;
	padding: 15rem 0 12rem 0;
	position: relative;
}

#fiftyfour .day {
	color: snow;
	border-color: snow;
}

#fiftyfour .friday {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#fiftyfour .firstfont {
	font-family: 'Francois One', sans-serif;
	font-weight: bold;
	color: snow;
	font-size: 8em;
	line-height: 2em;
	text-align: center;
	letter-spacing: 20px;
	text-transform: uppercase;
	position: relative;
	margin-bottom: 50px;
}

#fiftyfour .secondfont {
	font-family: 'Josefin Sans', sans-serif; 
	color: snow;
	font-size: 1.25em;
	line-height: 2em;
	text-align: center;
	letter-spacing: 5px;
	padding-left: 30px;
  }

#fiftyfour .idot {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color: snow;
	position: absolute;
	top: 20px;
	left: 35%;
}

#fiftyfour .wave {
	color: mintcream;
	font-size: 8em;
	position: absolute;
}

#fiftyfour .friday > *:nth-child(2){
	top: 5%;
	left: 15%;
}

#fiftyfour .friday > *:nth-child(3){
	top: 42%;
	left: 40%;
}

#fiftyfour .friday > *:nth-child(4){
	top: 20%;
	left: 70%;
}

#fiftyfour .friday > *:nth-child(5){
	top: 60%;
	left: 2%;
}

#fiftyfour .friday > *:nth-child(6){
	top: 85%;
	left: 60%;
}

#fiftyfour .friday > *:nth-child(7){
	top: 65%;
	left: 90%;
}
  
@media only screen and (max-width : 480px) {
#fiftyfour .friday {
	padding-top: 100px;
	padding-bottom: 100px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#fiftyfour .firstfont {
	font-size: 5em;
	margin-bottom: 30px;
}

#fiftyfour .friday > *:nth-child(3){
	top: 35%;
	left: 40%;
}

#fiftyfour .secondfont {
	font-family: 'Josefin Sans', sans-serif; 
	color: snow;
	font-size: 1.25em;
	line-height: 2em;
	text-align: center;
	letter-spacing: 5px;
	padding-left: 0px;
  }

#fiftyfour .idot {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: snow;
	position: absolute;
	top: 10px;
	left: 35%;
}

#fiftyfour .wave {
	color: mintcream;
	font-size: 6em;
	position: absolute;
}
}

/*-----End Media Query------*/

#fiftyfour .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
}

#fiftyfour a {
	color: snow;
}

#fiftyfour a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 55------*/

#fiftyfive .content {
	background-color: #F8D6C6;
	padding: 15rem 0 12rem 0;
	position: relative;
}

#fiftyfive .firstfont {
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	color: #151515;
	font-size: 1.25em;
	line-height: 1.75em;
	text-align: left;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 10px;
}

#fiftyfive .row {
	position: relative;
	height: 700px;
}

#fiftyfive .weare {
	width: 350px;
	margin-left: 10%;
	margin-top: 100px;
}

#fiftyfive .eachother {
	font-family: 'Playfair Display', serif;
	font-size: 12em;
	/*font-style: italic;*/
	letter-spacing: 3px;
}

#fiftyfive .walk {
	position: absolute;
	top: 0px;
	left: 60%;
}

#fiftyfive .ing {
	position: absolute;
	top: 225px;
	left: -2%;
}

#fiftyfive .each {
	position: absolute;
	top: 225px;
	left: 65%;
}

#fiftyfive .other {
	position: absolute;
	top: 450px;
	left: -2%;
}

#fiftyfive .home {
	position: absolute;
	top: 450px;
	left: 55%;
}
  
@media only screen and (max-width : 768px) {

#fiftyfive .firstfont {
	font-size: 1em;
	line-height: 1.75em;
}

#fiftyfive .eachother {
	font-family: 'Playfair Display', serif;
	font-size: 9em;
}

}

@media only screen and (max-width : 480px) {
#fiftyfive .row {
	height: 400px;
}

#fiftyfive .firstfont {
	font-size: 1em;
	line-height: 1.75em;
}

#fiftyfive .eachother {
	font-family: 'Playfair Display', serif;
	font-size: 4.5em;
}

#fiftyfive .weare {
	margin-left: 5%;
	margin-top: 100px;
}

#fiftyfive .walk {
	top: 70px;
	left: 60%;
}

#fiftyfive .ing {
	position: absolute;
	top: 175px;
	left: -2%;
}

#fiftyfive .each {
	position: absolute;
	top: 175px;
	left: 50%;
}

#fiftyfive .other {
	position: absolute;
	top: 300px;
	left: -2%;
}

#fiftyfive .home {
	position: absolute;
	top: 300px;
	left: 55%;
}
}

/*-----End Media Query------*/

#fiftyfive .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
}

#fiftyfive a {
	color: orangered;
}

#fiftyfive a:hover {
	text-decoration: none;
	color: #151515;
}

/*--------Day 56------*/

#fiftysix .content {
	background-color: #D4C832;
	padding: 15rem 0 12rem 0;
	position: relative;
}


#fiftysix .row {
	position: relative;
	width: 385px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
}

#fiftysix .firstfont {
	font-family: 'Quicksand', sans-serif;
	color: #151515;
	font-size: 4em;
	line-height: 1.75em;
	text-align: left;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
}

#fiftysix .arefor {
	position: absolute;
	top: 25px;
	left: 325px;
}

#fiftysix .and {
	position: absolute;
	top: 230px;
	left: 5px;
}

#fiftysix .denying {
	padding-left: 60px;
	letter-spacing: 9.5px;
}

#fiftysix .tomorrow {
	letter-spacing: 5px;
	font-size: 3.8em;
}

#fiftysix .bikerides {
	letter-spacing: 7.25px;
}

#fiftysix .secondfont {
	font-family: 'Cabin', sans-serif;
	color: snow;
	font-size: 1em;
	line-height: 1.5em;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	padding-bottom: 2px;
	border-bottom: 3px solid #151515;
	width: 38px;
}

@media only screen and (max-width : 480px) {

#fiftysix .row {
	width: 300px;
	margin-top: 75px;
}

#fiftysix .firstfont {
	font-size: 3em;
}

#fiftysix .arefor {
	position: absolute;
	top: 15px;
	left: 250px;
}

#fiftysix .and {
	position: absolute;
	top: 165px;
	left: 5px;
}

#fiftysix .denying {
	padding-left: 60px;
	letter-spacing: 7px;
}

#fiftysix .tomorrow {
	letter-spacing: 5px;
	font-size: 2.9em;
}
}

/*-----End Media Query------*/

#fiftysix .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
}

#fiftysix a {
	color: orangered;
}

#fiftysix a:hover {
	text-decoration: none;
	color: snow;
}


/*--------Day 57------*/

#fiftyseven .content {
	background-color: #e6f2e9;
	padding: 15rem 0 12rem 0;
	position: relative;
}

#fiftyseven .row {
	position: relative;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 75px;
}

#fiftyseven .firstfont {
	font-family: 'montserrat', sans-serif;
	color: #151515;
	font-size: 1em;
	line-height: 1.85em;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	border: 2px solid #151515;
	width: 67%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

#fiftyseven .onething {
	    background:
        -moz-radial-gradient(#D4C832 15%, transparent 16%),
        -moz-radial-gradient(#D4C832 15%, transparent 16%),
        transparent;
    background:
        -webkit-radial-gradient(#D4C832 15%, transparent 16%),
        -webkit-radial-gradient(#D4C832 15%, transparent 16%),
        transparent;
    background-position: 0 0, 25px 25px;
        -webkit-background-size:50px 50px;
    -moz-background-size:50px 50px;
    background-size:50px 50px;
}


#fiftyseven .secondfont {
	font-family: 'Vast Shadow', sans-serif;
	color: orangered;
	font-size: 5em;
	line-height: 1em;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 50px;
	margin-bottom: 50px;
}

#fiftyseven .cilantro {
	font-size: .67em;
}

@media only screen and (max-width : 480px) {
#fiftyseven .row {
	width: 300px;
	margin-top: 50px;
}

#fiftyseven .firstfont {
	width: 100%;
	margin-bottom: 0px;
}

#fiftyseven .secondfont {
	font-size: 3.75em;
	line-height: 1em;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	letter-spacing: 5px;
	margin-top: 50px;
	margin-bottom: 50px;
}
}

/*-----End Media Query------*/

#fiftyseven .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
}

#fiftyseven a {
	color: orangered;
}

#fiftyseven a:hover {
	text-decoration: none;
	color: snow;
}


/*--------Day 58------*/

#fiftyeight .content {
	background-color: #3661A7;
	padding: 15rem 0 12rem 0;
	position: relative;
	background-image: url(../images/madeofstars5-01.png);
	background-position: left;
}

#fiftyeight .row {
	position: relative;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	margin-bottom: 150px;
	overflow: visible;
}

#fiftyeight .firstfont {
	font-family: 'righteous', sans-serif;
	color: white;
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}

#fiftyeight .secondfont {
	font-family: 'League Script', cursive;
	color: #151515;
	font-size: 10em;
	line-height: 1.85em;
	text-align: center;
	text-transform: none;
}

#fiftyeight .all {
	padding-top: 70px;
}

#fiftyeight .shine {
	position: absolute;
	top: -20px;
}

@media only screen and (max-width : 480px) {

#fiftyeight .row {
	position: relative;
	width: 320px;
}

#fiftyeight .firstfont {
	font-family: 'righteous', sans-serif;
	color: white;
	font-size: 1.5em;
	line-height: 2em;
	text-align: center;
	text-transform: uppercase;
}

#fiftyeight .secondfont {
	font-family: 'League Script', cursive;
	color: #151515;
	font-size: 6em;
	line-height: 1.85em;
	text-align: center;
	padding-left: 10px;
}

#fiftyeight .all {
	padding-top: 70px;
}

#fiftyeight .shine {
	position: absolute;
	top: 0px;
}
}

/*-----End Media Query------*/

#fiftyeight .colophon {
	font-family: Montserrat, sans-serif;
	color: #151515;
	font-size: .75em;
	line-height: 2.5em;
	margin: 10rem 0 0 0;
	padding: 0 5rem 0 5rem;
	letter-spacing: 3px;
	position: relative;
}

#fiftyeight a {
	color: gainsboro;
}

#fiftyeight a:hover {
	text-decoration: none;
	color: snow;
}