1 files changed, 84 insertions, 0 deletions
diff --git a/_sass/hero-sections.scss b/_sass/hero-sections.scss
new file mode 100644
index 0000000..25c4509
--- /dev/null
+++ b/_sass/hero-sections.scss
@@ -0,0 +1,84 @@
+.hero-section {
+  background-size: cover;
+  background-repeat: no-repeat;
+  min-height: 200px;
+  font-size: 120%;
+  padding-top: 2%;
+  padding-bottom: 2%;
+}
+
+@media (min-width: 768px) {
+  .hero-section {
+    font-size: 150%;
+  }
+
+  .hero-section h2 {
+    font-size: 130%;
+  }
+}
+
+.get-started-livecd {
+  color: black;
+  background-color: #B0BEC5;
+}
+
+.get-started-handbook {
+  color: black;
+  background-color: #90A4AE;
+  margin-top: -1px;
+}
+
+.get-started-go {
+  color: white;
+  background-color: #54487a;
+  margin-top: -1px;
+}
+
+.emergehdr {
+  margin-top: -21px;
+  background-color: #54487a;
+  background-image: url('/assets/img/bg/emerge.jpg');
+  cursor: default;
+}
+
+.emergehdr h1 {
+  color: white;
+  text-shadow: 0px 0px 5px black;
+}
+
+.emergehdr p {
+  text-shadow: 0px 0px 5px black;
+  color: white;
+}
+
+.emergehdr h1 kbd {
+  text-shadow: none;
+  padding: .3em;
+  padding-top: .1em;
+  background-color: #3d394b;
+  padding-bottom: .1em;
+  box-shadow: 0px 0px 20px black;
+}
+
+/* about */
+.abouthdr {
+  background: rgba(194,188,214,1);
+  background: -moz-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(194,188,214,1)), color-stop(43%, rgba(83,72,122,1)), color-stop(100%, rgba(83,72,122,1)));
+  background: -webkit-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -o-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: -ms-linear-gradient(-45deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  background: linear-gradient(135deg, rgba(194,188,214,1) 0%, rgba(83,72,122,1) 43%, rgba(83,72,122,1) 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2bcd6', endColorstr='#53487a', GradientType=1 );
+
+  bbackground-size: cover;
+  bbackground-repeat: no-repeat;
+  bbackground-image: url('/assets/img/bg/larry-about.jpg');
+  min-height: 300px;
+  color: white;
+}
+
+.abouthdr .right {
+  text-align: right;
+  margin-right: 20%;
+}