From 6ea094abf5a8019cf862e5ec0ffcef3cabdacccf Mon Sep 17 00:00:00 2001
From: Luke Shumaker <LukeShu@sbcglobal.net>
Date: Sun, 25 Sep 2011 16:21:52 -0400
Subject: Alter the header when the window/screen is too narrow.

---
 style.scss | 40 +++++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/style.scss b/style.scss
index bb767c6..8022eef 100644
--- a/style.scss
+++ b/style.scss
@@ -98,7 +98,45 @@ body {
 	}	
 }
 
-/*div.menu-wp_nav_menu-container {
+@media (max-width: 1050px) {
+	body #page header#branding hgroup {
+		#team-name {
+			font-size: 60px;
+		}
+		h2 {
+			font-size: 30px;
+		}
+	}
+}
+@media (max-width: 800px) {
+	body #page header#branding hgroup {
+		height: auto;
+		background-image: none;
+
+		#team-name{
+			font-size: 3em;
+		}
+		h2 {
+			font-size: 2em;
+		}
+		#team-number {
+			font-size: 5em;
+			position: relative;
+			right: auto;
+			&:before {
+				text-shadow: none;
+				transform: none;
+				content: "FRC";
+				color: white;
+				font-family: serif;
+				font-size: 0.2em;
+				vertical-align: text-top;
+			}
+		}
+	}
+}
+/*
+div.menu-wp_nav_menu-container {
 	margin: 0 .5em !important;
 }
 */
\ No newline at end of file
-- 
cgit v1.2.3