add first changes to implement bootstrap grid correctly

css/style.css

@@ -1,47 +1,3 @@
-body {
-    font-family: sans-serif;
-    /*padding: 0em 0.5em 1em 0.5em;*/
-}
-
-.container {
-  padding-right: 15px;
-  padding-left: 15px;
-  margin-right: auto;
-  margin-left: auto;
-}
-
-@media (orientation:portrait) {
-	.option{
-		width: 100%;
-		margin-left: 0%;
-	}
-}
-
-@media (min-width:768px) {
-  .container {
-    width: 100%;
-  }
-}
-@media (min-width:992px) {
-  .container {
-    width: 970px;
-  }
-}
-@media (min-width:1200px) {
-  .container {
-    width: 1170px;
-  }
-}
-@media (max-width:992px) and (min-resolution:100dpi) and (orientation:portrait) {
-	.btn-block{
-		font-size: 32px;
-		height: 120px;
-	}
-	.btn{
-		font-size: 32px;
-	}
-}
-
 .hsganswer{
       width: 80px;
 	padding-left: auto;
@@ -49,7 +5,7 @@ body {
 	margin-left: auto;
 	margin-right: auto;
 }
-    
+
 .statement {
     min-height: 90px;
 }
@@ -59,12 +15,12 @@ body {
 }
 
 
-.top-buffer { 
-    margin-top:80px; 
+.top-buffer {
+    margin-top:80px;
 }
 
-.bottom-buffer { 
-    margin-bottom:60px; 
+.bottom-buffer {
+    margin-bottom:60px;
 }
 
 .pagination > .pagination-yes > a {
@@ -95,17 +51,3 @@ body {
 .progress {
 	margin-bottom: 0px;
 }
-
-@media (min-width:767px) {
-
-.mow-container {
-    width: 700px;
-}
-  
-.mow-container .form-horizontal .controls {
-    text-align: center;
-    /*margin-left: 130px;*/
-    margin-left: auto;
-    margin-right: auto;
-    display: block;
-}