h1 {
	color: #dbdbdb;

}

#title {
	text-align: center;
	font-size: 112px;
	color: #ececec;
	transition-duration: 1s;
	font-family: 'Cinzel', serif;
	width: 100%;
}

#title:hover { 
    color: #ccd7de;
}

#subtitle {
	text-align: center;
	font-size: 36px;
	color: #ececec;
	transition-duration: 1s;
	font-family: 'Cinzel', serif;
	width: 100%;
}

#subtitle:hover { 
    color: #ccd7de;
}


#link-box {
	text-align: center;
	font-size: 36px;
	color: #ededed;
	transition-duration: 1s;
	font-family: 'Lateef', cursive;
	width: 100%;
}


#test{
	width: 100%;
	min-height: 36px;
	height: 10%;
	margin-bottom: 2%;
}

#links {
	text-align: center;

	margin: auto;
	width: 50%;	
	min-height: 36px;
	float:right;
	
}

.link {
	text-align: center;
	font-size: 36px;
	transition-duration: 0.3s;
	margin: 5px;
	color: #ececec;
}
.link:hover { 
    color: #ccd7de;
}

.content {
	margin: auto;
	color: #c0bfbf;
	font-size: 17px;
	font-family: 'Ubuntu Condensed', sans-serif;
	width: 55%;
}

.content a{
	color: #c0bfbf;
	font-family: 'Ubuntu Condensed', sans-serif;
}

.quote {
	font-family: 'Caveat', cursive;
	font-size: 24px;

   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #ececec; 
   line-height: 0.1em;
   margin: 50px 0px; 
} 

.quote span { 
	color: #dedede;
	font-style: italic;

    background:#fff; 
    padding:0 10px; 
}