picasso 0.6.2 → 0.6.3

checksums.yaml

@@ -1,15 +1,15 @@
 ---
 !binary "U0hBMQ==":
   metadata.gz: !binary |-
-    MTg1NzRhMTI5YTYxMDJjNzE3ZjRkNjljOTRiNjM2YzJjMzIwZTYyYg==
+    MDIyOTMzMjM2NWEzMmY3YjZkYmM1NGEzOTYyY2I2MDg2MTU1MzAzMw==
   data.tar.gz: !binary |-
-    YTRmNWNkNzgzMzU3MDY5YjI1YTE0YTIxMGU0NGE2ODU3YWY1YjQwNw==
+    OTFiMmRjNWU3MTI3OTZkNGI0ODUzNGQyMzA0MzE0NGEwNzRmOGQyZQ==
 !binary "U0hBNTEy":
   metadata.gz: !binary |-
-    MDRjNTY2NDhlZGM5MzM3Mzc4M2NhYzZmMTRjNGI0ZTRmMzIyZTg2NDQ5YjI5
-    MjZiODM3MTJlYTEwMTNkZmM3NTQ0YzE2MzA4NjYyZWM5YmI1ZTYzMjQ4MTdj
-    ZjVhN2Q0ZWE4MjQ4YjVkNTg3YzcwYjNmYjUxMmE5ZDg2ZTAzNTQ=
+    ZTQyNTFmOThiYjRmNTA0MDljYWU5ODBhYWNmMjMxZWFkNDU3Njc4ZjcwYTM1
+    Njc3YjdjZDM1OTMyMmQ3Mjk5YmNlN2MxYjBkNTFlMDNhZmFjMzk1OTFmZGI1
+    ZDY5ZWNkNTcyYjE2N2FhYjA3ZDlhNTBhOTAxMGVkNmYwNzUyNWY=
   data.tar.gz: !binary |-
-    MmQxMGUxYWEyYzRlZGYzZTBmNTU5ZDk4NmUxYTI4NDg4NmIzZmQ4MGUzNTA1
-    NDY0M2UxNjA3NGZiOWZhNWM5MDRkNjdmMzg3MGIwYjE5MjdiMDlmMTNkN2Iz
-    NGRlODUwZmFlOWM4NWFjMDJmNWMyYTY3NmI5OTM5Yjk3MjQxMjg=
+    YTM0ZTFhZDc2YzZiMzU2MmFiZjU5MjkyNDFmZjg2YzE4ODVkNjE3ODY2OWQ4
+    ZWFmNzVjMWExZDMxOTI2OTdjYjJiMTBhZGJiZjc3ZmI0NzlhZjQ1ZmViNmNh
+    MWYwMGQ3ZTdiYzg0NWZhOGNkMzhiMTdhOTY2ZTBiNWU2NDQ5YjA=

data/README.md

@@ -21,10 +21,10 @@ En el `config.rb` agregar:
 
 ```ruby
 require 'picasso'
-gem 'picasso', '~> 0.6.2'
+gem 'picasso', '~> 0.6.3'
 ```
 
-Para versiones anteriores a 0.6.2, también se debe agregar como dependencia en el `config.rb`:
+Para versiones anteriores a 0.6.3, también se debe agregar como dependencia en el `config.rb`:
 
 ```ruby
 require 'magick'
@@ -72,6 +72,9 @@ $ (sudo) apt-get install ruby-oily-png
 
 # Changelog
 
+## 0.6.3
+* Bug fix en grillas: Al combinar diferentes columnas con offset, los estilos no predominaban por sobre el resto.
+
 ## 0.6.2
 * El alto por default para el componente `input` ahora es `auto`.
 * Se setea el margen izquierdo de las columnas en cada clase particular `col-<size>` para poder pisar las propiedades cuando un elemento posee la clase `first-<size>`.

data/docs/_picasso.html

@@ -1902,18 +1902,6 @@ body {
 .ie7 .row-col .col1 {
   width: 6.24858%;
 }
-.row-col .offset1,
-.row-col .offset1:first-child {
-  margin-left: 6.34058%;
-}
-.row-col .push1,
-.row-col .push1:first-child {
-  left: 8.51449%;
-}
-.row-col .pull1,
-.row-col .pull1:first-child {
-  left: -8.51449%;
-}
 .row-col .col2 {
   width: 14.85507%;
   margin-left: 2.17391%;
@@ -1921,18 +1909,6 @@ body {
 .ie7 .row-col .col2 {
   width: 14.76307%;
 }
-.row-col .offset2,
-.row-col .offset2:first-child {
-  margin-left: 14.85507%;
-}
-.row-col .push2,
-.row-col .push2:first-child {
-  left: 17.02899%;
-}
-.row-col .pull2,
-.row-col .pull2:first-child {
-  left: -17.02899%;
-}
 .row-col .col3 {
   width: 23.36957%;
   margin-left: 2.17391%;
@@ -1940,18 +1916,6 @@ body {
 .ie7 .row-col .col3 {
   width: 23.27757%;
 }
-.row-col .offset3,
-.row-col .offset3:first-child {
-  margin-left: 23.36957%;
-}
-.row-col .push3,
-.row-col .push3:first-child {
-  left: 25.54348%;
-}
-.row-col .pull3,
-.row-col .pull3:first-child {
-  left: -25.54348%;
-}
 .row-col .col4 {
   width: 31.88406%;
   margin-left: 2.17391%;
@@ -1959,18 +1923,6 @@ body {
 .ie7 .row-col .col4 {
   width: 31.79206%;
 }
-.row-col .offset4,
-.row-col .offset4:first-child {
-  margin-left: 31.88406%;
-}
-.row-col .push4,
-.row-col .push4:first-child {
-  left: 34.05797%;
-}
-.row-col .pull4,
-.row-col .pull4:first-child {
-  left: -34.05797%;
-}
 .row-col .col5 {
   width: 40.39855%;
   margin-left: 2.17391%;
@@ -1978,18 +1930,6 @@ body {
 .ie7 .row-col .col5 {
   width: 40.30655%;
 }
-.row-col .offset5,
-.row-col .offset5:first-child {
-  margin-left: 40.39855%;
-}
-.row-col .push5,
-.row-col .push5:first-child {
-  left: 42.57246%;
-}
-.row-col .pull5,
-.row-col .pull5:first-child {
-  left: -42.57246%;
-}
 .row-col .col6 {
   width: 48.91304%;
   margin-left: 2.17391%;
@@ -1997,18 +1937,6 @@ body {
 .ie7 .row-col .col6 {
   width: 48.82104%;
 }
-.row-col .offset6,
-.row-col .offset6:first-child {
-  margin-left: 48.91304%;
-}
-.row-col .push6,
-.row-col .push6:first-child {
-  left: 51.08696%;
-}
-.row-col .pull6,
-.row-col .pull6:first-child {
-  left: -51.08696%;
-}
 .row-col .col7 {
   width: 57.42754%;
   margin-left: 2.17391%;
@@ -2016,18 +1944,6 @@ body {
 .ie7 .row-col .col7 {
   width: 57.33554%;
 }
-.row-col .offset7,
-.row-col .offset7:first-child {
-  margin-left: 57.42754%;
-}
-.row-col .push7,
-.row-col .push7:first-child {
-  left: 59.60145%;
-}
-.row-col .pull7,
-.row-col .pull7:first-child {
-  left: -59.60145%;
-}
 .row-col .col8 {
   width: 65.94203%;
   margin-left: 2.17391%;
@@ -2035,18 +1951,6 @@ body {
 .ie7 .row-col .col8 {
   width: 65.85003%;
 }
-.row-col .offset8,
-.row-col .offset8:first-child {
-  margin-left: 65.94203%;
-}
-.row-col .push8,
-.row-col .push8:first-child {
-  left: 68.11594%;
-}
-.row-col .pull8,
-.row-col .pull8:first-child {
-  left: -68.11594%;
-}
 .row-col .col9 {
   width: 74.45652%;
   margin-left: 2.17391%;
@@ -2054,18 +1958,6 @@ body {
 .ie7 .row-col .col9 {
   width: 74.36452%;
 }
-.row-col .offset9,
-.row-col .offset9:first-child {
-  margin-left: 74.45652%;
-}
-.row-col .push9,
-.row-col .push9:first-child {
-  left: 76.63043%;
-}
-.row-col .pull9,
-.row-col .pull9:first-child {
-  left: -76.63043%;
-}
 .row-col .col10 {
   width: 82.97101%;
   margin-left: 2.17391%;
@@ -2073,18 +1965,6 @@ body {
 .ie7 .row-col .col10 {
   width: 82.87901%;
 }
-.row-col .offset10,
-.row-col .offset10:first-child {
-  margin-left: 82.97101%;
-}
-.row-col .push10,
-.row-col .push10:first-child {
-  left: 85.14493%;
-}
-.row-col .pull10,
-.row-col .pull10:first-child {
-  left: -85.14493%;
-}
 .row-col .col11 {
   width: 91.48551%;
   margin-left: 2.17391%;
@@ -2092,57 +1972,177 @@ body {
 .ie7 .row-col .col11 {
   width: 91.39351%;
 }
-.row-col .offset11,
-.row-col .offset11:first-child {
-  margin-left: 91.48551%;
+.row-col .col12 {
+  width: 100%;
 }
-.row-col .push11,
-.row-col .push11:first-child {
-  left: 93.65942%;
+.row-col .offset1,
+.row-col .offset1:first-child {
+  margin-left: 6.34058%;
 }
-.row-col .pull11,
-.row-col .pull11:first-child {
-  left: -93.65942%;
+.row-col .offset2,
+.row-col .offset2:first-child {
+  margin-left: 14.85507%;
 }
-.row-col .col12 {
-  width: 100%;
+.row-col .offset3,
+.row-col .offset3:first-child {
+  margin-left: 23.36957%;
+}
+.row-col .offset4,
+.row-col .offset4:first-child {
+  margin-left: 31.88406%;
+}
+.row-col .offset5,
+.row-col .offset5:first-child {
+  margin-left: 40.39855%;
+}
+.row-col .offset6,
+.row-col .offset6:first-child {
+  margin-left: 48.91304%;
+}
+.row-col .offset7,
+.row-col .offset7:first-child {
+  margin-left: 57.42754%;
+}
+.row-col .offset8,
+.row-col .offset8:first-child {
+  margin-left: 65.94203%;
+}
+.row-col .offset9,
+.row-col .offset9:first-child {
+  margin-left: 74.45652%;
+}
+.row-col .offset10,
+.row-col .offset10:first-child {
+  margin-left: 82.97101%;
+}
+.row-col .offset11,
+.row-col .offset11:first-child {
+  margin-left: 91.48551%;
 }
 .row-col .offset12,
 .row-col .offset12:first-child {
   margin-left: 100%;
 }
+.row-col .push1,
+.row-col .push1:first-child {
+  left: 8.51449%;
+}
+.row-col .push2,
+.row-col .push2:first-child {
+  left: 17.02899%;
+}
+.row-col .push3,
+.row-col .push3:first-child {
+  left: 25.54348%;
+}
+.row-col .push4,
+.row-col .push4:first-child {
+  left: 34.05797%;
+}
+.row-col .push5,
+.row-col .push5:first-child {
+  left: 42.57246%;
+}
+.row-col .push6,
+.row-col .push6:first-child {
+  left: 51.08696%;
+}
+.row-col .push7,
+.row-col .push7:first-child {
+  left: 59.60145%;
+}
+.row-col .push8,
+.row-col .push8:first-child {
+  left: 68.11594%;
+}
+.row-col .push9,
+.row-col .push9:first-child {
+  left: 76.63043%;
+}
+.row-col .push10,
+.row-col .push10:first-child {
+  left: 85.14493%;
+}
+.row-col .push11,
+.row-col .push11:first-child {
+  left: 93.65942%;
+}
 .row-col .push12,
 .row-col .push12:first-child {
   left: 102.17391%;
 }
-.row-col .pull12,
-.row-col .pull12:first-child {
-  left: -102.17391%;
+.row-col .pull1,
+.row-col .pull1:first-child {
+  left: -8.51449%;
 }
-.row-col .first {
-  margin-left: 0;
+.row-col .pull2,
+.row-col .pull2:first-child {
+  left: -17.02899%;
 }
-.row-col .col0 {
-  display: none;
+.row-col .pull3,
+.row-col .pull3:first-child {
+  left: -25.54348%;
 }
-.row-col .push0,
-.row-col .push0:first-child,
-.row-col .pull0,
-.row-col .pull0:first-child {
-  left: 0;
+.row-col .pull4,
+.row-col .pull4:first-child {
+  left: -34.05797%;
 }
-.row-col .centered,
-.row-col .centered:first-child {
-  margin-left: auto;
-  margin-right: auto;
-  float: none;
+.row-col .pull5,
+.row-col .pull5:first-child {
+  left: -42.57246%;
 }
-@media (max-width: 480px) {
-  .row-col [class^="col-small"] {
-    width: 100%;
-    display: block;
-    float: left;
-    -webkit-box-sizing: border-box;
+.row-col .pull6,
+.row-col .pull6:first-child {
+  left: -51.08696%;
+}
+.row-col .pull7,
+.row-col .pull7:first-child {
+  left: -59.60145%;
+}
+.row-col .pull8,
+.row-col .pull8:first-child {
+  left: -68.11594%;
+}
+.row-col .pull9,
+.row-col .pull9:first-child {
+  left: -76.63043%;
+}
+.row-col .pull10,
+.row-col .pull10:first-child {
+  left: -85.14493%;
+}
+.row-col .pull11,
+.row-col .pull11:first-child {
+  left: -93.65942%;
+}
+.row-col .pull12,
+.row-col .pull12:first-child {
+  left: -102.17391%;
+}
+.row-col .first {
+  margin-left: 0;
+}
+.row-col .col0 {
+  display: none;
+}
+.row-col .push0,
+.row-col .push0:first-child,
+.row-col .pull0,
+.row-col .pull0:first-child {
+  left: 0;
+}
+.row-col .centered,
+.row-col .centered:first-child {
+  margin-left: auto;
+  margin-right: auto;
+  float: none;
+}
+@media (max-width: 480px) {
+  .row-col [class^="col-small"] {
+    width: 100%;
+    display: block;
+    float: left;
+    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
   }
@@ -2156,209 +2156,209 @@ body {
     width: 6.34058%;
     margin-left: 2.17391%;
   }
-  .row-col .offset1-small,
-  .row-col .offset1-small:first-child {
-    margin-left: 6.34058%;
-  }
-  .row-col .push1-small,
-  .row-col .push1-small:first-child {
-    left: 8.51449%;
-  }
-  .row-col .pull1-small,
-  .row-col .pull1-small:first-child {
-    left: -8.51449%;
-  }
   .row-col .col2-small {
     width: 14.85507%;
     margin-left: 2.17391%;
   }
-  .row-col .offset2-small,
-  .row-col .offset2-small:first-child {
-    margin-left: 14.85507%;
-  }
-  .row-col .push2-small,
-  .row-col .push2-small:first-child {
-    left: 17.02899%;
-  }
-  .row-col .pull2-small,
-  .row-col .pull2-small:first-child {
-    left: -17.02899%;
-  }
   .row-col .col3-small {
     width: 23.36957%;
     margin-left: 2.17391%;
   }
-  .row-col .offset3-small,
-  .row-col .offset3-small:first-child {
-    margin-left: 23.36957%;
+  .row-col .col4-small {
+    width: 31.88406%;
+    margin-left: 2.17391%;
   }
-  .row-col .push3-small,
-  .row-col .push3-small:first-child {
-    left: 25.54348%;
+  .row-col .col5-small {
+    width: 40.39855%;
+    margin-left: 2.17391%;
   }
-  .row-col .pull3-small,
-  .row-col .pull3-small:first-child {
-    left: -25.54348%;
+  .row-col .col6-small {
+    width: 48.91304%;
+    margin-left: 2.17391%;
   }
-  .row-col .col4-small {
-    width: 31.88406%;
+  .row-col .col7-small {
+    width: 57.42754%;
     margin-left: 2.17391%;
   }
-  .row-col .offset4-small,
-  .row-col .offset4-small:first-child {
-    margin-left: 31.88406%;
+  .row-col .col8-small {
+    width: 65.94203%;
+    margin-left: 2.17391%;
   }
-  .row-col .push4-small,
-  .row-col .push4-small:first-child {
-    left: 34.05797%;
+  .row-col .col9-small {
+    width: 74.45652%;
+    margin-left: 2.17391%;
   }
-  .row-col .pull4-small,
-  .row-col .pull4-small:first-child {
-    left: -34.05797%;
+  .row-col .col10-small {
+    width: 82.97101%;
+    margin-left: 2.17391%;
   }
-  .row-col .col5-small {
-    width: 40.39855%;
+  .row-col .col11-small {
+    width: 91.48551%;
     margin-left: 2.17391%;
   }
-  .row-col .offset5-small,
-  .row-col .offset5-small:first-child {
-    margin-left: 40.39855%;
+  .row-col .col12-small {
+    width: 100%;
   }
-  .row-col .push5-small,
-  .row-col .push5-small:first-child {
-    left: 42.57246%;
+  .row-col .offset1-small,
+  .row-col .offset1-small:first-child {
+    margin-left: 6.34058%;
   }
-  .row-col .pull5-small,
-  .row-col .pull5-small:first-child {
-    left: -42.57246%;
+  .row-col .offset2-small,
+  .row-col .offset2-small:first-child {
+    margin-left: 14.85507%;
   }
-  .row-col .col6-small {
-    width: 48.91304%;
-    margin-left: 2.17391%;
+  .row-col .offset3-small,
+  .row-col .offset3-small:first-child {
+    margin-left: 23.36957%;
+  }
+  .row-col .offset4-small,
+  .row-col .offset4-small:first-child {
+    margin-left: 31.88406%;
+  }
+  .row-col .offset5-small,
+  .row-col .offset5-small:first-child {
+    margin-left: 40.39855%;
   }
   .row-col .offset6-small,
   .row-col .offset6-small:first-child {
     margin-left: 48.91304%;
   }
-  .row-col .push6-small,
-  .row-col .push6-small:first-child {
-    left: 51.08696%;
-  }
-  .row-col .pull6-small,
-  .row-col .pull6-small:first-child {
-    left: -51.08696%;
-  }
-  .row-col .col7-small {
-    width: 57.42754%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset7-small,
   .row-col .offset7-small:first-child {
     margin-left: 57.42754%;
   }
-  .row-col .push7-small,
-  .row-col .push7-small:first-child {
-    left: 59.60145%;
-  }
-  .row-col .pull7-small,
-  .row-col .pull7-small:first-child {
-    left: -59.60145%;
-  }
-  .row-col .col8-small {
-    width: 65.94203%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset8-small,
   .row-col .offset8-small:first-child {
     margin-left: 65.94203%;
   }
-  .row-col .push8-small,
-  .row-col .push8-small:first-child {
-    left: 68.11594%;
-  }
-  .row-col .pull8-small,
-  .row-col .pull8-small:first-child {
-    left: -68.11594%;
-  }
-  .row-col .col9-small {
-    width: 74.45652%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset9-small,
   .row-col .offset9-small:first-child {
     margin-left: 74.45652%;
   }
-  .row-col .push9-small,
-  .row-col .push9-small:first-child {
-    left: 76.63043%;
-  }
-  .row-col .pull9-small,
-  .row-col .pull9-small:first-child {
-    left: -76.63043%;
-  }
-  .row-col .col10-small {
-    width: 82.97101%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset10-small,
   .row-col .offset10-small:first-child {
     margin-left: 82.97101%;
   }
-  .row-col .push10-small,
-  .row-col .push10-small:first-child {
-    left: 85.14493%;
-  }
-  .row-col .pull10-small,
-  .row-col .pull10-small:first-child {
-    left: -85.14493%;
-  }
-  .row-col .col11-small {
-    width: 91.48551%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset11-small,
   .row-col .offset11-small:first-child {
     margin-left: 91.48551%;
   }
-  .row-col .push11-small,
-  .row-col .push11-small:first-child {
-    left: 93.65942%;
-  }
-  .row-col .pull11-small,
-  .row-col .pull11-small:first-child {
-    left: -93.65942%;
-  }
-  .row-col .col12-small {
-    width: 100%;
-  }
   .row-col .offset12-small,
   .row-col .offset12-small:first-child {
     margin-left: 100%;
   }
-  .row-col .push12-small,
-  .row-col .push12-small:first-child {
-    left: 102.17391%;
+  .row-col .push1-small,
+  .row-col .push1-small:first-child {
+    left: 8.51449%;
   }
-  .row-col .pull12-small,
-  .row-col .pull12-small:first-child {
-    left: -102.17391%;
+  .row-col .push2-small,
+  .row-col .push2-small:first-child {
+    left: 17.02899%;
   }
-  .row-col .first-small {
-    margin-left: 0;
+  .row-col .push3-small,
+  .row-col .push3-small:first-child {
+    left: 25.54348%;
   }
-  .row-col .col0-small {
-    display: none;
+  .row-col .push4-small,
+  .row-col .push4-small:first-child {
+    left: 34.05797%;
   }
-  .row-col .push0-small,
-  .row-col .push0-small:first-child,
-  .row-col .pull0-small,
-  .row-col .pull0-small:first-child {
-    left: 0;
+  .row-col .push5-small,
+  .row-col .push5-small:first-child {
+    left: 42.57246%;
   }
-  .row-col .centered-small,
-  .row-col .centered-small:first-child {
-    margin-left: auto;
-    margin-right: auto;
+  .row-col .push6-small,
+  .row-col .push6-small:first-child {
+    left: 51.08696%;
+  }
+  .row-col .push7-small,
+  .row-col .push7-small:first-child {
+    left: 59.60145%;
+  }
+  .row-col .push8-small,
+  .row-col .push8-small:first-child {
+    left: 68.11594%;
+  }
+  .row-col .push9-small,
+  .row-col .push9-small:first-child {
+    left: 76.63043%;
+  }
+  .row-col .push10-small,
+  .row-col .push10-small:first-child {
+    left: 85.14493%;
+  }
+  .row-col .push11-small,
+  .row-col .push11-small:first-child {
+    left: 93.65942%;
+  }
+  .row-col .push12-small,
+  .row-col .push12-small:first-child {
+    left: 102.17391%;
+  }
+  .row-col .pull1-small,
+  .row-col .pull1-small:first-child {
+    left: -8.51449%;
+  }
+  .row-col .pull2-small,
+  .row-col .pull2-small:first-child {
+    left: -17.02899%;
+  }
+  .row-col .pull3-small,
+  .row-col .pull3-small:first-child {
+    left: -25.54348%;
+  }
+  .row-col .pull4-small,
+  .row-col .pull4-small:first-child {
+    left: -34.05797%;
+  }
+  .row-col .pull5-small,
+  .row-col .pull5-small:first-child {
+    left: -42.57246%;
+  }
+  .row-col .pull6-small,
+  .row-col .pull6-small:first-child {
+    left: -51.08696%;
+  }
+  .row-col .pull7-small,
+  .row-col .pull7-small:first-child {
+    left: -59.60145%;
+  }
+  .row-col .pull8-small,
+  .row-col .pull8-small:first-child {
+    left: -68.11594%;
+  }
+  .row-col .pull9-small,
+  .row-col .pull9-small:first-child {
+    left: -76.63043%;
+  }
+  .row-col .pull10-small,
+  .row-col .pull10-small:first-child {
+    left: -85.14493%;
+  }
+  .row-col .pull11-small,
+  .row-col .pull11-small:first-child {
+    left: -93.65942%;
+  }
+  .row-col .pull12-small,
+  .row-col .pull12-small:first-child {
+    left: -102.17391%;
+  }
+  .row-col .first-small {
+    margin-left: 0;
+  }
+  .row-col .col0-small {
+    display: none;
+  }
+  .row-col .push0-small,
+  .row-col .push0-small:first-child,
+  .row-col .pull0-small,
+  .row-col .pull0-small:first-child {
+    left: 0;
+  }
+  .row-col .centered-small,
+  .row-col .centered-small:first-child {
+    margin-left: auto;
+    margin-right: auto;
     float: none;
   }
 }
@@ -2381,203 +2381,203 @@ body {
     width: 6.34058%;
     margin-left: 2.17391%;
   }
-  .row-col .offset1-medium,
-  .row-col .offset1-medium:first-child {
-    margin-left: 6.34058%;
-  }
-  .row-col .push1-medium,
-  .row-col .push1-medium:first-child {
-    left: 8.51449%;
-  }
-  .row-col .pull1-medium,
-  .row-col .pull1-medium:first-child {
-    left: -8.51449%;
-  }
   .row-col .col2-medium {
     width: 14.85507%;
     margin-left: 2.17391%;
   }
-  .row-col .offset2-medium,
-  .row-col .offset2-medium:first-child {
-    margin-left: 14.85507%;
-  }
-  .row-col .push2-medium,
-  .row-col .push2-medium:first-child {
-    left: 17.02899%;
-  }
-  .row-col .pull2-medium,
-  .row-col .pull2-medium:first-child {
-    left: -17.02899%;
-  }
   .row-col .col3-medium {
     width: 23.36957%;
     margin-left: 2.17391%;
   }
-  .row-col .offset3-medium,
-  .row-col .offset3-medium:first-child {
-    margin-left: 23.36957%;
-  }
-  .row-col .push3-medium,
-  .row-col .push3-medium:first-child {
-    left: 25.54348%;
-  }
-  .row-col .pull3-medium,
-  .row-col .pull3-medium:first-child {
-    left: -25.54348%;
-  }
   .row-col .col4-medium {
     width: 31.88406%;
     margin-left: 2.17391%;
   }
-  .row-col .offset4-medium,
-  .row-col .offset4-medium:first-child {
-    margin-left: 31.88406%;
-  }
-  .row-col .push4-medium,
-  .row-col .push4-medium:first-child {
-    left: 34.05797%;
-  }
-  .row-col .pull4-medium,
-  .row-col .pull4-medium:first-child {
-    left: -34.05797%;
-  }
   .row-col .col5-medium {
     width: 40.39855%;
     margin-left: 2.17391%;
   }
-  .row-col .offset5-medium,
-  .row-col .offset5-medium:first-child {
-    margin-left: 40.39855%;
-  }
-  .row-col .push5-medium,
-  .row-col .push5-medium:first-child {
-    left: 42.57246%;
-  }
-  .row-col .pull5-medium,
-  .row-col .pull5-medium:first-child {
-    left: -42.57246%;
-  }
   .row-col .col6-medium {
     width: 48.91304%;
     margin-left: 2.17391%;
   }
-  .row-col .offset6-medium,
-  .row-col .offset6-medium:first-child {
-    margin-left: 48.91304%;
-  }
-  .row-col .push6-medium,
-  .row-col .push6-medium:first-child {
-    left: 51.08696%;
-  }
-  .row-col .pull6-medium,
-  .row-col .pull6-medium:first-child {
-    left: -51.08696%;
-  }
   .row-col .col7-medium {
     width: 57.42754%;
     margin-left: 2.17391%;
   }
-  .row-col .offset7-medium,
-  .row-col .offset7-medium:first-child {
-    margin-left: 57.42754%;
-  }
-  .row-col .push7-medium,
-  .row-col .push7-medium:first-child {
-    left: 59.60145%;
-  }
-  .row-col .pull7-medium,
-  .row-col .pull7-medium:first-child {
-    left: -59.60145%;
-  }
   .row-col .col8-medium {
     width: 65.94203%;
     margin-left: 2.17391%;
   }
-  .row-col .offset8-medium,
-  .row-col .offset8-medium:first-child {
-    margin-left: 65.94203%;
-  }
-  .row-col .push8-medium,
-  .row-col .push8-medium:first-child {
-    left: 68.11594%;
-  }
-  .row-col .pull8-medium,
-  .row-col .pull8-medium:first-child {
-    left: -68.11594%;
-  }
   .row-col .col9-medium {
     width: 74.45652%;
     margin-left: 2.17391%;
   }
-  .row-col .offset9-medium,
-  .row-col .offset9-medium:first-child {
-    margin-left: 74.45652%;
-  }
-  .row-col .push9-medium,
-  .row-col .push9-medium:first-child {
-    left: 76.63043%;
-  }
-  .row-col .pull9-medium,
-  .row-col .pull9-medium:first-child {
-    left: -76.63043%;
-  }
   .row-col .col10-medium {
     width: 82.97101%;
     margin-left: 2.17391%;
   }
-  .row-col .offset10-medium,
-  .row-col .offset10-medium:first-child {
-    margin-left: 82.97101%;
-  }
-  .row-col .push10-medium,
-  .row-col .push10-medium:first-child {
-    left: 85.14493%;
-  }
-  .row-col .pull10-medium,
-  .row-col .pull10-medium:first-child {
-    left: -85.14493%;
-  }
   .row-col .col11-medium {
     width: 91.48551%;
     margin-left: 2.17391%;
   }
-  .row-col .offset11-medium,
-  .row-col .offset11-medium:first-child {
-    margin-left: 91.48551%;
-  }
-  .row-col .push11-medium,
-  .row-col .push11-medium:first-child {
-    left: 93.65942%;
-  }
-  .row-col .pull11-medium,
-  .row-col .pull11-medium:first-child {
-    left: -93.65942%;
-  }
   .row-col .col12-medium {
     width: 100%;
   }
-  .row-col .offset12-medium,
-  .row-col .offset12-medium:first-child {
-    margin-left: 100%;
+  .row-col .offset1-medium,
+  .row-col .offset1-medium:first-child {
+    margin-left: 6.34058%;
   }
-  .row-col .push12-medium,
-  .row-col .push12-medium:first-child {
-    left: 102.17391%;
+  .row-col .offset2-medium,
+  .row-col .offset2-medium:first-child {
+    margin-left: 14.85507%;
   }
-  .row-col .pull12-medium,
-  .row-col .pull12-medium:first-child {
-    left: -102.17391%;
+  .row-col .offset3-medium,
+  .row-col .offset3-medium:first-child {
+    margin-left: 23.36957%;
   }
-  .row-col .first-medium {
-    margin-left: 0;
+  .row-col .offset4-medium,
+  .row-col .offset4-medium:first-child {
+    margin-left: 31.88406%;
   }
-  .row-col .col0-medium {
-    display: none;
+  .row-col .offset5-medium,
+  .row-col .offset5-medium:first-child {
+    margin-left: 40.39855%;
   }
-  .row-col .push0-medium,
-  .row-col .push0-medium:first-child,
-  .row-col .pull0-medium,
-  .row-col .pull0-medium:first-child {
+  .row-col .offset6-medium,
+  .row-col .offset6-medium:first-child {
+    margin-left: 48.91304%;
+  }
+  .row-col .offset7-medium,
+  .row-col .offset7-medium:first-child {
+    margin-left: 57.42754%;
+  }
+  .row-col .offset8-medium,
+  .row-col .offset8-medium:first-child {
+    margin-left: 65.94203%;
+  }
+  .row-col .offset9-medium,
+  .row-col .offset9-medium:first-child {
+    margin-left: 74.45652%;
+  }
+  .row-col .offset10-medium,
+  .row-col .offset10-medium:first-child {
+    margin-left: 82.97101%;
+  }
+  .row-col .offset11-medium,
+  .row-col .offset11-medium:first-child {
+    margin-left: 91.48551%;
+  }
+  .row-col .offset12-medium,
+  .row-col .offset12-medium:first-child {
+    margin-left: 100%;
+  }
+  .row-col .push1-medium,
+  .row-col .push1-medium:first-child {
+    left: 8.51449%;
+  }
+  .row-col .push2-medium,
+  .row-col .push2-medium:first-child {
+    left: 17.02899%;
+  }
+  .row-col .push3-medium,
+  .row-col .push3-medium:first-child {
+    left: 25.54348%;
+  }
+  .row-col .push4-medium,
+  .row-col .push4-medium:first-child {
+    left: 34.05797%;
+  }
+  .row-col .push5-medium,
+  .row-col .push5-medium:first-child {
+    left: 42.57246%;
+  }
+  .row-col .push6-medium,
+  .row-col .push6-medium:first-child {
+    left: 51.08696%;
+  }
+  .row-col .push7-medium,
+  .row-col .push7-medium:first-child {
+    left: 59.60145%;
+  }
+  .row-col .push8-medium,
+  .row-col .push8-medium:first-child {
+    left: 68.11594%;
+  }
+  .row-col .push9-medium,
+  .row-col .push9-medium:first-child {
+    left: 76.63043%;
+  }
+  .row-col .push10-medium,
+  .row-col .push10-medium:first-child {
+    left: 85.14493%;
+  }
+  .row-col .push11-medium,
+  .row-col .push11-medium:first-child {
+    left: 93.65942%;
+  }
+  .row-col .push12-medium,
+  .row-col .push12-medium:first-child {
+    left: 102.17391%;
+  }
+  .row-col .pull1-medium,
+  .row-col .pull1-medium:first-child {
+    left: -8.51449%;
+  }
+  .row-col .pull2-medium,
+  .row-col .pull2-medium:first-child {
+    left: -17.02899%;
+  }
+  .row-col .pull3-medium,
+  .row-col .pull3-medium:first-child {
+    left: -25.54348%;
+  }
+  .row-col .pull4-medium,
+  .row-col .pull4-medium:first-child {
+    left: -34.05797%;
+  }
+  .row-col .pull5-medium,
+  .row-col .pull5-medium:first-child {
+    left: -42.57246%;
+  }
+  .row-col .pull6-medium,
+  .row-col .pull6-medium:first-child {
+    left: -51.08696%;
+  }
+  .row-col .pull7-medium,
+  .row-col .pull7-medium:first-child {
+    left: -59.60145%;
+  }
+  .row-col .pull8-medium,
+  .row-col .pull8-medium:first-child {
+    left: -68.11594%;
+  }
+  .row-col .pull9-medium,
+  .row-col .pull9-medium:first-child {
+    left: -76.63043%;
+  }
+  .row-col .pull10-medium,
+  .row-col .pull10-medium:first-child {
+    left: -85.14493%;
+  }
+  .row-col .pull11-medium,
+  .row-col .pull11-medium:first-child {
+    left: -93.65942%;
+  }
+  .row-col .pull12-medium,
+  .row-col .pull12-medium:first-child {
+    left: -102.17391%;
+  }
+  .row-col .first-medium {
+    margin-left: 0;
+  }
+  .row-col .col0-medium {
+    display: none;
+  }
+  .row-col .push0-medium,
+  .row-col .push0-medium:first-child,
+  .row-col .pull0-medium,
+  .row-col .pull0-medium:first-child {
     left: 0;
   }
   .row-col .centered-medium,
@@ -2606,189 +2606,189 @@ body {
     width: 6.34058%;
     margin-left: 2.17391%;
   }
-  .row-col .offset1-large,
-  .row-col .offset1-large:first-child {
-    margin-left: 6.34058%;
-  }
-  .row-col .push1-large,
-  .row-col .push1-large:first-child {
-    left: 8.51449%;
-  }
-  .row-col .pull1-large,
-  .row-col .pull1-large:first-child {
-    left: -8.51449%;
-  }
   .row-col .col2-large {
     width: 14.85507%;
     margin-left: 2.17391%;
   }
-  .row-col .offset2-large,
-  .row-col .offset2-large:first-child {
-    margin-left: 14.85507%;
-  }
-  .row-col .push2-large,
-  .row-col .push2-large:first-child {
-    left: 17.02899%;
-  }
-  .row-col .pull2-large,
-  .row-col .pull2-large:first-child {
-    left: -17.02899%;
-  }
   .row-col .col3-large {
     width: 23.36957%;
     margin-left: 2.17391%;
   }
-  .row-col .offset3-large,
-  .row-col .offset3-large:first-child {
-    margin-left: 23.36957%;
+  .row-col .col4-large {
+    width: 31.88406%;
+    margin-left: 2.17391%;
   }
-  .row-col .push3-large,
-  .row-col .push3-large:first-child {
-    left: 25.54348%;
+  .row-col .col5-large {
+    width: 40.39855%;
+    margin-left: 2.17391%;
   }
-  .row-col .pull3-large,
-  .row-col .pull3-large:first-child {
-    left: -25.54348%;
+  .row-col .col6-large {
+    width: 48.91304%;
+    margin-left: 2.17391%;
   }
-  .row-col .col4-large {
-    width: 31.88406%;
+  .row-col .col7-large {
+    width: 57.42754%;
     margin-left: 2.17391%;
   }
-  .row-col .offset4-large,
-  .row-col .offset4-large:first-child {
-    margin-left: 31.88406%;
+  .row-col .col8-large {
+    width: 65.94203%;
+    margin-left: 2.17391%;
   }
-  .row-col .push4-large,
-  .row-col .push4-large:first-child {
-    left: 34.05797%;
+  .row-col .col9-large {
+    width: 74.45652%;
+    margin-left: 2.17391%;
   }
-  .row-col .pull4-large,
-  .row-col .pull4-large:first-child {
-    left: -34.05797%;
+  .row-col .col10-large {
+    width: 82.97101%;
+    margin-left: 2.17391%;
   }
-  .row-col .col5-large {
-    width: 40.39855%;
+  .row-col .col11-large {
+    width: 91.48551%;
     margin-left: 2.17391%;
   }
-  .row-col .offset5-large,
-  .row-col .offset5-large:first-child {
-    margin-left: 40.39855%;
+  .row-col .col12-large {
+    width: 100%;
   }
-  .row-col .push5-large,
-  .row-col .push5-large:first-child {
-    left: 42.57246%;
+  .row-col .offset1-large,
+  .row-col .offset1-large:first-child {
+    margin-left: 6.34058%;
   }
-  .row-col .pull5-large,
-  .row-col .pull5-large:first-child {
-    left: -42.57246%;
+  .row-col .offset2-large,
+  .row-col .offset2-large:first-child {
+    margin-left: 14.85507%;
   }
-  .row-col .col6-large {
-    width: 48.91304%;
-    margin-left: 2.17391%;
+  .row-col .offset3-large,
+  .row-col .offset3-large:first-child {
+    margin-left: 23.36957%;
+  }
+  .row-col .offset4-large,
+  .row-col .offset4-large:first-child {
+    margin-left: 31.88406%;
+  }
+  .row-col .offset5-large,
+  .row-col .offset5-large:first-child {
+    margin-left: 40.39855%;
   }
   .row-col .offset6-large,
   .row-col .offset6-large:first-child {
     margin-left: 48.91304%;
   }
-  .row-col .push6-large,
-  .row-col .push6-large:first-child {
-    left: 51.08696%;
-  }
-  .row-col .pull6-large,
-  .row-col .pull6-large:first-child {
-    left: -51.08696%;
-  }
-  .row-col .col7-large {
-    width: 57.42754%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset7-large,
   .row-col .offset7-large:first-child {
     margin-left: 57.42754%;
   }
-  .row-col .push7-large,
-  .row-col .push7-large:first-child {
-    left: 59.60145%;
-  }
-  .row-col .pull7-large,
-  .row-col .pull7-large:first-child {
-    left: -59.60145%;
-  }
-  .row-col .col8-large {
-    width: 65.94203%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset8-large,
   .row-col .offset8-large:first-child {
     margin-left: 65.94203%;
   }
-  .row-col .push8-large,
-  .row-col .push8-large:first-child {
-    left: 68.11594%;
-  }
-  .row-col .pull8-large,
-  .row-col .pull8-large:first-child {
-    left: -68.11594%;
-  }
-  .row-col .col9-large {
-    width: 74.45652%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset9-large,
   .row-col .offset9-large:first-child {
     margin-left: 74.45652%;
   }
-  .row-col .push9-large,
-  .row-col .push9-large:first-child {
-    left: 76.63043%;
-  }
-  .row-col .pull9-large,
-  .row-col .pull9-large:first-child {
-    left: -76.63043%;
-  }
-  .row-col .col10-large {
-    width: 82.97101%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset10-large,
   .row-col .offset10-large:first-child {
     margin-left: 82.97101%;
   }
-  .row-col .push10-large,
-  .row-col .push10-large:first-child {
-    left: 85.14493%;
-  }
-  .row-col .pull10-large,
-  .row-col .pull10-large:first-child {
-    left: -85.14493%;
-  }
-  .row-col .col11-large {
-    width: 91.48551%;
-    margin-left: 2.17391%;
-  }
   .row-col .offset11-large,
   .row-col .offset11-large:first-child {
     margin-left: 91.48551%;
   }
-  .row-col .push11-large,
-  .row-col .push11-large:first-child {
-    left: 93.65942%;
-  }
-  .row-col .pull11-large,
-  .row-col .pull11-large:first-child {
-    left: -93.65942%;
-  }
-  .row-col .col12-large {
-    width: 100%;
-  }
   .row-col .offset12-large,
   .row-col .offset12-large:first-child {
     margin-left: 100%;
   }
+  .row-col .push1-large,
+  .row-col .push1-large:first-child {
+    left: 8.51449%;
+  }
+  .row-col .push2-large,
+  .row-col .push2-large:first-child {
+    left: 17.02899%;
+  }
+  .row-col .push3-large,
+  .row-col .push3-large:first-child {
+    left: 25.54348%;
+  }
+  .row-col .push4-large,
+  .row-col .push4-large:first-child {
+    left: 34.05797%;
+  }
+  .row-col .push5-large,
+  .row-col .push5-large:first-child {
+    left: 42.57246%;
+  }
+  .row-col .push6-large,
+  .row-col .push6-large:first-child {
+    left: 51.08696%;
+  }
+  .row-col .push7-large,
+  .row-col .push7-large:first-child {
+    left: 59.60145%;
+  }
+  .row-col .push8-large,
+  .row-col .push8-large:first-child {
+    left: 68.11594%;
+  }
+  .row-col .push9-large,
+  .row-col .push9-large:first-child {
+    left: 76.63043%;
+  }
+  .row-col .push10-large,
+  .row-col .push10-large:first-child {
+    left: 85.14493%;
+  }
+  .row-col .push11-large,
+  .row-col .push11-large:first-child {
+    left: 93.65942%;
+  }
   .row-col .push12-large,
   .row-col .push12-large:first-child {
     left: 102.17391%;
   }
+  .row-col .pull1-large,
+  .row-col .pull1-large:first-child {
+    left: -8.51449%;
+  }
+  .row-col .pull2-large,
+  .row-col .pull2-large:first-child {
+    left: -17.02899%;
+  }
+  .row-col .pull3-large,
+  .row-col .pull3-large:first-child {
+    left: -25.54348%;
+  }
+  .row-col .pull4-large,
+  .row-col .pull4-large:first-child {
+    left: -34.05797%;
+  }
+  .row-col .pull5-large,
+  .row-col .pull5-large:first-child {
+    left: -42.57246%;
+  }
+  .row-col .pull6-large,
+  .row-col .pull6-large:first-child {
+    left: -51.08696%;
+  }
+  .row-col .pull7-large,
+  .row-col .pull7-large:first-child {
+    left: -59.60145%;
+  }
+  .row-col .pull8-large,
+  .row-col .pull8-large:first-child {
+    left: -68.11594%;
+  }
+  .row-col .pull9-large,
+  .row-col .pull9-large:first-child {
+    left: -76.63043%;
+  }
+  .row-col .pull10-large,
+  .row-col .pull10-large:first-child {
+    left: -85.14493%;
+  }
+  .row-col .pull11-large,
+  .row-col .pull11-large:first-child {
+    left: -93.65942%;
+  }
   .row-col .pull12-large,
   .row-col .pull12-large:first-child {
     left: -102.17391%;