HTML & CSS: Responsive fixes for intro/header
diff --git a/css/style.css b/css/style.css
index b0c41e8..bfc0d08 100644
--- a/css/style.css
+++ b/css/style.css
@@ -277,6 +277,9 @@
   .portfolio-projects--btn:active {
     background: #052a38;
     color: #ffffff; }
+@media (max-width:650px) {
+  .portfolio-projects--btn {font-size:16px;}
+}
 .portfolio-projects--image {
   margin-bottom: 1.875em;
   padding-top: 5%; }
@@ -651,11 +654,12 @@
   .h4, h4 {font-size: 20px}
   #portfolio h2 {padding-bottom: 0}
   #portfolio > .container {padding-right: 0;padding-left: 0}
-  .portfolio-projects--btn {margin-top:1.25em;margin-left: auto;margin-right: auto}
+  .portfolio-projects--btn {margin-top:1.25em;margin-left: 4px;margin-right: 4px}
   #portfolio > div > div > div:nth-child(2) > div > div.col-sm-5.text-center.pull-right-sm > a:nth-child(4) {margin-right: 4px}
   #portfolio > div > div > div:nth-child(2) > div > div.col-sm-5.text-center.pull-right-sm > a:nth-child(5) {margin-left: 4px}
-  #scrollIcon, #scrollTopIcon {font-size: 1em}
+  #scrollIcon, #scrollTopIcon {font-size: 1em;display: none}
 }
+@media (max-width:480px) {.row.cover.top .lead {max-width:180px}}
 @media (max-device-height: 480px) and (orientation: landscape) {
   .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
     max-height: 240px;
@@ -1013,6 +1017,9 @@
 @media (max-width:450px) {
   .animation {width:58rem;height:38rem;}
 }
+@media (max-width:450px) {
+  .animation {width:58rem;height:38rem;}
+}
 @media (max-width:400px) {
   .animation {width:55rem;height:36rem;}
 }
@@ -1022,6 +1029,12 @@
 @media (max-width:340px) {
   .animation {width:47rem;height:31rem;}
 }
+@media (max-width:320px) {
+  .animation {width:42rem;height:28rem;}
+}
+@media (max-height:650px) {
+  .animation {margin-top: -15vh !important;margin-bottom: 10vh !important;}
+}
 .animation .device {
   position: absolute;
   width: 100%;
@@ -1225,12 +1238,36 @@
     .animation[data-animation-step="3"] .device {width:22%; height:60%;}
     .animation .device .display div div {font-size:15px;}
   }
+  @media (max-width:560px) {
+    .animation[data-animation-step="1"] .device {margin-top:0%;width:72%; height:75%;}
+    .animation[data-animation-step="2"] .device {margin-top:0%;width:65%; height:66%;}
+    .animation[data-animation-step="3"] .device {margin-top:0%;width:30%; height:80%;}
+    .animation .device .display div div {font-size:15px;}
+  }
+  @media (max-width:520px) {
+    .animation[data-animation-step="1"] .device {margin-top:0%;width:66%; height:69%;}
+    .animation[data-animation-step="2"] .device {margin-top:0%;width:62%; height:63%;}
+    .animation[data-animation-step="3"] .device {margin-top:0%;width:30%; height:80%;}
+    .animation .device .display div div {font-size:15px;}
+  }
+  @media (max-width:460px) {
+    .animation[data-animation-step="1"] .device {margin-top:0%;width:58%; height:61%;}
+    .animation[data-animation-step="2"] .device {margin-top:0%;width:54%; height:55%;}
+    .animation[data-animation-step="3"] .device {margin-top:0%;width:25%; height:70%;}
+    .animation .device .display div div {font-size:15px;}
+  }
   @media (max-width:350px) {
     .animation[data-animation-step="1"] .device {margin-top:3%;width:62%; height:65%;}
     .animation[data-animation-step="2"] .device {margin-top:3%;width:58%; height:60%;}
     .animation[data-animation-step="3"] .device {margin-top:9%;width:30%; height:80%;}
     .animation .device .display div div {font-size:15px;}
   }
+  @media (max-width:320px) {
+    .animation[data-animation-step="1"] .device {margin-top:6%;width:62%; height:65%;}
+    .animation[data-animation-step="2"] .device {margin-top:6%;width:58%; height:60%;}
+    .animation[data-animation-step="3"] .device {margin-top:12%;width:30%; height:80%;}
+    .animation .device .display div div {font-size:15px;}
+  }
 
 /* More media queries */
 @media (max-width: 430px) {
diff --git a/index.html b/index.html
index 06a3193..5f9cbb0 100644
--- a/index.html
+++ b/index.html
@@ -58,8 +58,8 @@
             <!-- Begin page content -->             
             <div class="container-fluid"> 
                 <div class="row cover top"> 
-                    <div class="col-xs-12"> 
-                        <div class="row"> 
+                    <div class="col-xs-12" style="padding:0"> 
+                        <div class="row" style="overflow-x:hidden;"> 
                             <div class="col-md-12" align="center">
                                 <div class="row">
                                     <h1>Bliss OS</h1>
@@ -100,7 +100,7 @@
                             </div>
                         </div>                         
                         <div class="row"> 
-                            <div class="col-xs-12 center-block text-center"> 
+                            <div class="col-xs-12 center-block text-center" style="overflow-y:visible"> 
                                 <a href="#about"><span id="scrollIcon" class="front-glyph glyphicon glyphicon-menu-down" aria-hidden="true"></span></a> 
                             </div>                             
                         </div>                         
@@ -706,7 +706,7 @@
             <div class="row"> 
                 <div id="family-lt" class="row cover bottom text-center section"> 
                     <div class="container"> 
-                        <img class="team-image" style="width: 36rem;" src="images/bliss_for.png"> 
+                        <img class="team-image" style="max-width: 36rem;width:100%" src="images/bliss_for.png"> 
                         <div class="container"> 
                             <p class="text-center">We are currently in the process of moving into a new era of Bliss. As a ROM team, we worked together to overcome some of the hardest obstacles that a ROM team could face. And in doing so, we have grown and acted as an example to other teams. This growth allowed us to grow into a family of ROM teams, helping to support one another in our innovative efforts, and inspire work from other community members in the process. </p> 
                             <p class="text-center">This growth allowed us to see many of the needs our fellow community members had, and sparked an idea to allow us all to succeed in the future. This inspired us to start our journey into making that happen, and we have turned Bliss Family of ROMs into a nonprofit corporation, with the intent to enable the development community like never before. </p>