Little image adjustments

.gitignore

@@ -58,3 +58,4 @@ $RECYCLE.BIN/
 
 # Windows shortcuts
 *.lnk
+css/skeleton.css

css/layout1.sass

@@ -1,39 +1,50 @@
-// Base Styles
+@import vars
+
+//
 
 body
   font-family: "Open Sans", sans-serif
-
 h1
-  color: #ccc
-  weight: 300
-
+  font-size: 5rem
+  color: $title
+  weight: 400
+  margin-top: -25px
+h2
+  font-size: 2.1rem
+  font-weight: 400
+  text-transform: uppercase
+  margin-top: -15px
 figure
   margin: auto
-
 .content
+  position: relative
+  z-index: 2
+  background: white
+  margin-bottom: 250px
   article
-    padding: 100px 0
+    padding: 100px 0 0 0
     max-width: 640px
     margin: 0 auto
     text-align: center
-
 img
   max-width: 100%
+.main-title
+  font-size: 6.3rem
+  margin-top: -40px
+  padding-top: 0px
 
-
-
-// Parallax
+//
 
 .bird-box
   position: relative
-  height: 600px
+  height: 780px
   background:
     image: url(/images/bird-bg.jpg)
-    size: auto 600px
+    size: auto 800px
     position: top center
     attachment: fixed
   overflow: hidden
-
+  z-index: 3
 .logo
   height: 100px
   width: 100%
@@ -44,7 +55,6 @@ img
   position: absolute
   top: 50%
   margin-top: -50px
-
 .fore-bird
   width: 960px
   height: 733px
@@ -54,9 +64,8 @@ img
     position: right bottom
   position: absolute
   left: 50%
-  margin-left: -480px
-  top: 380px
-
+  margin-left: -285px
+  top: 300px
 .back-bird
   width: 960px
   height: 298px
@@ -67,3 +76,127 @@ img
   position: absolute
   left: 50%
   margin-left: -480px
+
+//
+
+.clothes-pics
+  margin-top: 40px
+  margin-bottom: 100px
+  figure
+    margin-bottom: 20px
+    position: relative
+    opacity: 0
+    transform: translateX(20px)
+    transition: all 0.3s ease-in-out
+    overflow: hidden
+    cursor: pointer
+    &.is-showing
+      opacity: 1
+      transform: translateX(0px)
+    img
+      display: block
+      transform: scale(1)
+      transition: all 0.3s ease-in-out
+    &:hover
+      figcaption
+        left: 0%
+      img
+        transform: scale(0.8)
+  figcaption
+    position: absolute
+    bottom: 10px
+    left: -100%
+    background: black
+    color: white
+    padding: 2px 8px
+    font-size: 11px
+    transition: all 0.3s ease-in-out
+
+//
+
+.large-window
+  height: 640px
+  background:
+    position: center 0px
+    attachment: fixed
+  margin-top: 100px
+  margin-bottom: 100px
+  border-radius: 50%
+  position: relative
+  cursor: pointer
+  .window-tint
+    background-color: rgba(0,0,0,0.5)
+    position: absolute
+    top: 0
+    left: 0
+    right: 0
+    bottom: 0
+    border-radius: 50%
+    display: flex
+    justify-content: center
+    align-items: center
+    opacity: 0
+  .promo-text
+    color: white
+    font-weight: 100
+    font-size: 50px
+    line-height: 1.2
+    strong
+      display: block
+      font-size: 30px
+    span
+      font:
+        weight: 300
+        size: 18px
+        style: italic
+      color: rgba(255,255,255,0.6)
+    a.window-cta
+      margin-top: 40px
+      font-size: 20px
+      text-decoration: none
+      color: white
+      border: 1px solid white
+      border-radius: 8%
+      padding: 10px 20px
+      transition: all 0.3s ease-in-out
+      &:hover
+        background: white
+        color: black
+
+//
+
+.blog-posts
+  margin-top: 0px
+  margin-bottom: 100px
+  .post
+    border: 1px solid $hr
+    margin-top: 40px
+    background: white
+    position: relative
+  .post-1
+    transform: translate(100px, 20px)
+  .post-2
+    z-index: 2
+  .post-3
+    transform: translate(-100px, 20px)
+  .post-4
+    margin: 25px 0 60px 0
+
+//
+
+footer
+  background: $text
+  color: white
+  padding: 40px 0
+  position: fixed
+  bottom: 0
+  width: 100%
+  .footer-stuff
+    max-width: 640px
+    margin: 0 auto
+  ul
+    padding-top: 20px
+    list-style-type: none
+  a
+    color: white
+    text-decoration: none

css/layout2.sass

@@ -0,0 +1,109 @@
+@import vars
+
+//
+
+::selection
+  color: inherit
+  background: $primary-faded
+::-moz-selection
+  color: inherit
+  background: $primary-faded
+.h
+  -webkit-touch-callout: none
+  -webkit-user-select: none
+  -khtml-user-select: none
+  -moz-user-select: none
+  -ms-user-select: none
+  user-select: none
+hr
+  border-top: 1px solid $hr
+  margin-top: 10px
+  margin-bottom: 15px
+hr.solid
+  border-top: 1.5px solid $title-smooth
+hr.dashed
+  border-top: 1.5px dashed $title-smooth
+
+//
+
+.cover-image
+  background-color: $primary-faded
+.tile
+  width: 100%
+  height: 100%
+  h1
+    color: $title
+    font-family: "Open Sans", sans-serif
+  background: $primary-faded
+
+//
+
+.large-window.periscope-1
+  background-image: url(/images/model17.jpg)
+  background-position: top
+  margin-top: 40px
+.large-window.periscope-2
+  background-image: url(/images/model11.jpg)
+  background-position: center
+.large-window:hover
+  background:
+    color: $primary-faded
+    blend-mode: multiply
+
+//
+
+.post
+  padding: 10px 0px 10px 0px
+  h5
+    margin: 0px 0 10px 0
+  p
+    margin: 10px 0 10px 0
+  img
+    width: 100%
+    height: 100%
+    max-height: 100%
+  a
+    transition: 1s
+    font-size: 12px
+    text-decoration: none
+    color: $text
+    border: 1px solid $hr
+    border-radius: 8%
+    bottom: 0px
+    margin: 0 0 0 0
+    padding: 0 10 0 20
+    transition: all 0.3s ease-in-out
+    &:hover
+      transition: 1s
+      background: $primary-faded
+      border-color: $primary-faded
+      color: $text
+
+//
+
+footer
+  .columns.three
+    a
+      transition: 1s
+      padding-left: 20px
+      color: $primary-faded
+      &:hover
+        transition: 1s
+        color: $primary
+  .columns.six
+    padding: 45px 0 0 40px
+    input
+      color: $text
+      &:active
+        border-color: $primary
+    .button
+      transition: 1s
+      font-size: 12px
+      padding: 0 20px
+      background-color: $primary-faded
+      border-color: $text
+      color: white
+      &:hover
+        transition: 1s
+        background-color: $primary
+        color: white