fonts

index.php

@@ -33,7 +33,7 @@
 	</div>
 	
 	<div id="intro2" data-1400="display:block;" data-4100="display:none;">
-		<div class="intro_ease" data-1400="left:0%" data-2100="left:93%;" data-3100="left:93%;" data-4100="left:150%;">
+		<div class="intro_ease" data-1400="left:-30%" data-2100="left:93%;" data-3100="left:93%;" data-4100="left:150%;">
 			<h4 class="vibes">No need to dress up, no need to wrap gifts.</h4>
 			<h4 class="vibes">Just stay at home, and send us a good wish.</h4>
 			<h4 class="vibes">We appreciate your love and cheer.</h4>
@@ -44,30 +44,30 @@
 	<div id="story_wrap" data-3200="top:200%" data-4400="top:0%;" data-11000="top:0%;" data-12200="top:-100%;" data-3400="background:rgba(0,0,0,0);" data-3700="background:rgba(104,130,91,.25);">
 		<div id="story">
 			<div class="story_ease" data-3400="top:100%" data-4400="top:5%;" data-8000="top:5%;" data-9000="top:-35%;">
-					<h4 class="beanie">About 10 years ago<br /> a guy named Dave met a girl named Ginny.<br />
+					<h4 class="vibes">About 10 years ago<br /> a guy named Dave met a girl named Ginny.<br />
 					Soon after, the two would take a trip to New York City.</h4>
 			</div>
 			<div class="story_ease" data-4000="top:100%" data-5000="top:20%;" data-8000="top:20%;" data-9000="top:-35%;">
-					<h4 class="beanie">Days and weeks and many more,<br />
+					<h4 class="vibes">Days and weeks and many more,<br />
 					The couple found love they could not ignore.<br />
 					They dwelled in cities, the trees, and farm,<br />
 					Each would have its newfound charm.</h4>
 			</div>
 			<div class="story_ease" data-5000="top:100%;" data-6000="top:40%;" data-8000="top:40%;" data-9000="top:-40%;">	
-					<h4 class="beanie">And then one day came when they decided to marry.<br />
+					<h4 class="vibes">And then one day came when they decided to marry.<br />
 					They had made it 10 years, after all, it’s not so scary.<br />
 					Money can’t buy love, this they knew.<br />
 					But it sure could pay for a trip, to start anew.</h4>
 			</div>
 			<div class="story_ease" data-6000="top:100%;" data-7000="top:60%;" data-8000="top:60%;" data-9000="top:-40%;">
-					<h4 class="beanie">So tip your hat to these big-hearted.<br />
+					<h4 class="vibes">So tip your hat to these big-hearted.<br />
 					Who are embarking on a journey to where it all started.<br />
 					To jumpstart another decade, with its ups and downs.<br />
 					New experiences and perhaps new towns.</h4>
 			</div>
 			<div class="story_ease" data-8000="top:100%" data-9000="top:15%;" data-10000="top:15%;" data-11000="top:-40%;">
 					<div id="bmlcount"></div><div id="heart">&nbsp;</div>
-					<h4 class="beanie">But have no worries for this one of many couples.<br />
+					<h4 class="vibes">But have no worries for this one of many couples.<br />
 					Because they’re a good team and can tackle life’s troubles.<br />
 					For it is their love that will make them last.<br />
 					This guy named Windham and girl named Gast.</h4>

style.css

@@ -11,10 +11,7 @@ Author URI: http://davidawindham.com
 	https://plus.google.com/104610899646415406748/about - James Grieshaber
 */
 
-@import url(https://fonts.googleapis.com/css?family=Reenie+Beanie);
-@import url(https://fonts.googleapis.com/css?family=Great+Vibes);
-@import url(https://fonts.googleapis.com/css?family=Cardo|Monsieur+La+Doulaise);
-@import url(css/fancy.css);
+@import url(http://fonts.googleapis.com/css?family=Great+Vibes|Cardo|Monsieur+La+Doulaise);
 
 /* #Reset  ================================================== */
 html, body, div, span, applet, object, iframe,
@@ -89,7 +86,7 @@ a img {border: 0;}
 .container .offset-by-fourteen              { padding-left: 840px; }
 .container .offset-by-fifteen               { padding-left: 900px; }
 
-/* #_S main  ================================================== */
+/* Fonts ================================================== */
 
 
 h1.monsieur {
@@ -97,18 +94,10 @@ h1.monsieur {
 	font-size:85px;
 	text-shadow: 0px 1px 0px #999;
 }
-
-h1.vibes {
-	font-family: 'Great Vibes', cursive;
-	font-size:65px;
-}
-h2.vibes {
-	font-family: 'Great Vibes', cursive;
-	font-size:55px;
-}
-h3.vibes {
-	font-family: 'Great Vibes', cursive;
-	font-size:45px;
+h4.cardo {
+	font-family: 'Cardo', serif;
+	text-transform:uppercase;
+	font-size:18px;
 }
 h4.vibes {
 	font-family: 'Great Vibes', cursive;
@@ -119,35 +108,7 @@ p.vibes {
 	font-size:28px;
 	line-height:30px;
 }
-h1.cardo {
-	font-family: 'Cardo', serif;
-	font-size:65px;
-}
-h2.cardo {
-	font-family: 'Cardo', serif;
-	font-size:55px;
-}
-h3.cardo {
-	font-family: 'Cardo', serif;
-	font-size:45px;
-}
-h4.cardo {
-	font-family: 'Cardo', serif;
-	text-transform:uppercase;
-	font-size:18px;
-}
-h4.beanie {
-	font-family: Reenie Beanie;
-	font-size:39px;
-}
-p.beanie {
-	font-family: Reenie Beanie;
-	font-size:31px;
-}
-.beanie li {
-	font-family: Reenie Beanie;
-	font-size:27px;
-}
+
 
 /* #Skrollr  ================================================== */
 
@@ -253,8 +214,8 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 #bml { width: 450px; height: 55px; margin:0;}
 
 #bmlcount {
-	font-family: Reenie Beanie;
-	font-size:39px;
+	font-family: 'Great Vibes', cursive;
+	font-size:31px;
 }
 
 .buy-love {
@@ -263,7 +224,7 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 
 
 #gform_submit_button_1 {
-	font-family: Reenie Beanie;
+	font-family: 'Great Vibes', cursive;
 	text-decoration: none !important;
 	position:relative;
 	margin:10px;
@@ -337,13 +298,37 @@ html, body {width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;}
 	margin: 0 auto;
 }
 #gform label {
-	font-family: Reenie Beanie;
-	font-size:250%;
+	font-family: 'Great Vibes', cursive;
+	font-size:17px;
 }
 
 ul.gfield_checkbox li {float:left;}
 
 
-
-
-
+/* Media Queries ================================================== */
+
+@media screen 
+and (min-device-width : 320px) 
+and (max-device-width : 568px) { 
+	h1.monsieur {
+		font-family: 'Monsieur La Doulaise', cursive;
+		font-size:33px;
+	}
+	h4.vibes {
+		font-family: 'Great Vibes', cursive;
+		font-size:21px;
+	}
+	h4.cardo {
+		font-family: 'Cardo', serif;
+		text-transform:uppercase;
+		font-size:14px;
+	}
+	h4.beanie {
+		font-family: Reenie Beanie;
+		font-size:21px;
+	}
+	#gform {
+		width:400px;
+		margin: 0 auto;
+	}
+}