I hate life.

srctweb/website/static/css/style.css

@@ -22,8 +22,11 @@ a[name] {
   height: 40px;
   background-color: #f5f5f5;
 }
-.jumbostyle{
-  height:50px;
+.carousel-background2 {
+  background: url(/static/img/2013firstmeet_large.png) no-repeat;
+  width: 100%;
+  background-position: center;
+  background-size: cover;
 }
 .carousel {
   height: 400px;
@@ -36,9 +39,9 @@ a[name] {
 .carousel .item {
   height: 400px;
 }
-.carousel-inner > .item > img {
+/* .carousel-inner > .item > img {
   width: 100%;
-}
+}*/
 .transparency {
   background-color: rgba(256,256,256,0.6);
   border-radius: 5px;

srctweb/website/templates/index.html

@@ -6,43 +6,54 @@ SRCT
 
 {% block jumbotron %}
 
-<div class="jumbotron jumbostyle">
+<div class="row">
   <div class="text-center">
     <h1>Student-Run Computing and Technology</h1>
   </div>
 </div>
 
 <div id="SRCTCarousel" class="carousel slide" data-ride="carousel">
+
   <ol class="carousel-indicators">
     <li data-target="#SRCTCarousel" data-slide-to="0" class="active"></li>
     <li data-target="#SRCTCarousel" data-slide-to="1"></li>
     <li data-target="#SRCTCarousel" data-slide-to="2"></li>
   </ol>
+  
   <div class="carousel-inner">
 
     <div class="item active">
       <img src="/static/img/renfredhaxxor_large.png" alt="First slide">
-      <div class="carousel-caption">
-        <h1>Learn more about development.</h1>
-	<p>Sweet, development!</p>
+      <div class="container">
+        <div class="carousel-caption hidden-xs">
+          <h1>learn more about development.</h1>
+          <p>sweet, development!</p>
+        </div>
       </div>
     </div>
 
     <div class="item">
-      <img src="/static/img/2013firstmeet_large.png" alt="Second slide">
-      <div class="carousel-caption">
-        <h1>Meet tons of great people.</h1>
-	<p>Because we're cool.</p>
+      <!-- <img src="/static/img/2013firstmeet_large.png" alt="Second slide"> -->
+      <div class="carousel-background2">
+      <div class="container">
+        <div class="carousel-caption hidden-xs">
+          <h1>Meet tons of great people.</h1>
+          <p>Because we're cool.</p>
+        </div>
+      </div>
       </div>
     </div>
 
     <div class="item">
       <img src="/static/img/bradhaxxor_large.png" alt="Third slide">
-      <div class="carousel-caption">
-        <h1>Even work on hardware.</h1>
-	<p>Yeah, hardware's pretty cool.</p>
+      <div class="container">
+        <div class="carousel-caption hidden-xs">
+          <h1>Even work on hardware.</h1>
+          <p>Yeah, hardware's pretty cool.</p>
+        </div>
       </div>
     </div>
+
   </div>
 
   <a class="left carousel-control" href="#SRCTCarousel" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a>