mobile update

Author: collinberg

.sass-cache/6ca2b241f47f3dd9eea4a72621057ad61c43711e/_app.scssc

@@ -28,10 +28,11 @@ <h3>This is me...</h3>
 			<div class="row">
 				<div class="col-6">
 
-					<p>Hey my name is Collin, and I like to develop websites and problem solve. I'm currently helping make Tulsa a better place with <a href="http://station8branding.com" target="_blank">Station8</a> This site is built using the following awesome tools:</p>
+					<p>Hey my name is Collin, and I like to develop websites and problem solve. I'm currently helping make Tulsa a better place with <a href="http://station8branding.com" target="_blank">Station8</a></p>
 					<a href="http://www.hirecollin.com/" class="btn">visit my blog</a>
 				</div>
 				<div class="col-6">
+					<p>This site is built using the following awesome tools:</p>
 					<ul>
 						<li>Git</li>
 						<li>Github User Pages</li>

css/style.css

@@ -13,15 +13,17 @@ hgroup{
 	background: $primary;
 	position: relative;
 	color: #EEE;
-	padding: 30px 0;
+	padding: 30px 10px;
+	height: 80vh;
 	overflow: hidden;
 	canvas{
 		position: absolute;
 		top: 0;
 	}
 	h1{
-		font-size: 5em;
+		font-size: 3em;
 		margin-bottom: 10px;
+		margin-top: 100%;
 		text-transform: uppercase;
 	}
 	h2{
@@ -31,6 +33,7 @@ hgroup{
 }
 article{
 	padding: 10px;
+
 	p{
 		font-size: 1.2em;
 		line-height: 1.3em;
@@ -53,14 +56,7 @@ article{
 	}
 
 }
-.row{
-	display: flex;
-	margin: 0px -10px;
-	.col-6{
-		flex: 1;
-		padding: 0 10px;
-	}
-}
+
 .comp-color{	
 	color: $secondary;
 }
@@ -77,3 +73,25 @@ article{
 	display: inline-block;
 
 }
+@media (min-width: 400px){
+.row{
+	display: flex;
+	margin: 0px -10px;
+	.col-6{
+		flex: 1;
+		padding: 0 10px;
+	}
+}
+hgroup{
+	height: auto;
+	padding: 30px 0;
+	h1{
+		font-size: 5em;
+		margin-top: 0px;
+	}
+	h2{
+		margin-top: 0px;
+	}
+}
+
+}