diff --git a/Galen-Sheyna/GalenChange.md b/Galen-Sheyna/GalenChange.md
new file mode 100644
index 0000000..e10f254
--- /dev/null
+++ b/Galen-Sheyna/GalenChange.md
@@ -0,0 +1,14 @@
+#Galen Weekend Changes
+
+-Switched to Progressive enhancement version of Responsive Grid
+ -MAJOR Changes to Layout.css and state.css
+ -Swapped column margins only
+ -Swapped Span parameters
+ -Refactored layout.css Spans
+
+-Flexbox (in Layout.css)
+ -Added webkit vendor prefixes for Safari
+
+-Module.css
+ -Refactored Footer (unnec p selector)
+
diff --git a/Galen-Sheyna/Index.html b/Galen-Sheyna/Index.html
new file mode 100755
index 0000000..b377873
--- /dev/null
+++ b/Galen-Sheyna/Index.html
@@ -0,0 +1,142 @@
+
+
+
+ Kenyon Institute
+
+ Main Introduction
+ Lorem ipsum dolor sit amet,
+ consectetur adipiscing elit. Maecenas in mi urna.
+ Phasellus rhoncus tempor velit, vitae finibus felis.
+ Vestibulum tempor justo ante, a tincidunt purus
+ dignissim eu. Quisque maximus ut lorem suscipit
+ molestie. Nullam interdum ante et maximus varius.
+ Cum sociis natoque penatibus et magnis dis parturient
+ montes, nascetur ridiculus mus. Proin interdum tellus
+ tortor, sit amet placerat lectus gravida quis.
+
+
+
+ Programs
+
+ Sample Header
+ November 3, 2014 Lorem ipsum dolor sit amet, consectetur adipiscing
+ elit. Maecenas in mi urna. Phasellus rhoncus tempor
+ velit, vitae finibus felis. Read More...
+
+
+
+
+
+
+
+
+ Sample Header
+ November 3, 2014 Lorem ipsum dolor sit amet, consectetur adipiscing
+ elit. Maecenas in mi urna. Phasellus rhoncus tempor
+ velit, vitae finibus felis. Read More...
+
+
+
+
+
+
+
+
+ Sample Header
+ November 3, 2014 Lorem ipsum dolor sit amet, consectetur adipiscing
+ elit. Maecenas in mi urna. Phasellus rhoncus tempor
+ velit, vitae finibus felis. Read More...
+
+
+
+
+
+
+
+
+
+
+ Feature and Speakers
+
+ Professor Name
+ Professor Title and Department
+
+
+ Professor Name
+ Professor Title and Department
+
+
+ Professor Name
+ Professor Title and Department
+
+
+ Professor Name
+ Professor Title and Department
+
+
+
+
+
+
diff --git a/Galen-Sheyna/README.md b/Galen-Sheyna/README.md
new file mode 100644
index 0000000..8ba67a8
--- /dev/null
+++ b/Galen-Sheyna/README.md
@@ -0,0 +1,23 @@
+#Advanced CSS, Layout and Design
+###Sheyna and Galen's redesign of Loann and Marissa's Core CSS Site
+
+For Code Fellow's UX/Front End Accelerator.
+Images from [morguefile.com](morguefile.com)
+
+
+##Changes from 'Responsive and Assets' Assignment
+- Add Inline SVG with hover pseudo selectors
+- Add Retina scale images (and image classes) and state.css media query to display
+- Take out Skeleton 960 and place Responsive Grid back
+- Alter Responsive Grid to be Mobile-First
+- Move Reset.css into base.css
+- Add general links and link styling
+- Change Article Headers to H1
+
+##Changes from 'Refactor' Assignment
+- Nav is now Flexbox
+- Added Skeleton 960 grid system to Main section
+- Separated out CSS into a more SMACSS breakdown / general refactor
+- Made a more generalized form module
+- Add footer and search bar
+- Use icon font of search magnifying glass
diff --git a/Galen-Sheyna/css/base.css b/Galen-Sheyna/css/base.css
new file mode 100644
index 0000000..c78728c
--- /dev/null
+++ b/Galen-Sheyna/css/base.css
@@ -0,0 +1,83 @@
+/* Meyer's Reset
+http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+blockquote, q {
+ quotes: none;
+}
+
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+/*Base Styles*/
+
+* {
+ -moz-box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ box-sizing: border-box;}
+
+body {
+ font-size: 1em;
+ line-height: 1;
+}
+
+button {
+ background-color: MediumOrchid;
+ font-size: 1.25em;
+ color: white;
+}
+
+img {
+ display: block;
+ width: 100%;
+}
+
+a {
+ text-decoration: none;
+ color: MediumOrchid;
+}
+
+a:hover,
+a:visited {
+ color: #8a2aa2;
+}
diff --git a/Galen-Sheyna/css/fonts/icomoon.eot b/Galen-Sheyna/css/fonts/icomoon.eot
new file mode 100755
index 0000000..6a06b4d
Binary files /dev/null and b/Galen-Sheyna/css/fonts/icomoon.eot differ
diff --git a/Galen-Sheyna/css/fonts/icomoon.svg b/Galen-Sheyna/css/fonts/icomoon.svg
new file mode 100755
index 0000000..1681814
--- /dev/null
+++ b/Galen-Sheyna/css/fonts/icomoon.svg
@@ -0,0 +1,11 @@
+
+
+
+Generated by IcoMoon
+
+
+
diff --git a/Galen-Sheyna/css/fonts/icomoon.ttf b/Galen-Sheyna/css/fonts/icomoon.ttf
new file mode 100755
index 0000000..900e495
Binary files /dev/null and b/Galen-Sheyna/css/fonts/icomoon.ttf differ
diff --git a/Galen-Sheyna/css/fonts/icomoon.woff b/Galen-Sheyna/css/fonts/icomoon.woff
new file mode 100755
index 0000000..78c6d68
Binary files /dev/null and b/Galen-Sheyna/css/fonts/icomoon.woff differ
diff --git a/Galen-Sheyna/css/layout.css b/Galen-Sheyna/css/layout.css
new file mode 100644
index 0000000..49ace5c
--- /dev/null
+++ b/Galen-Sheyna/css/layout.css
@@ -0,0 +1,75 @@
+/*Flex*/
+
+.main-nav {
+ padding: 1.5% 0;
+ display: -webkit-flex;
+ -webkit-flex-direction: row;
+ -webkit-flex-wrap: wrap;
+ -webkit-justify-content: space-around;
+ -webkit-align-items: baseline;
+ -webkit-align-content: center;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ justify-content: space-around;
+ align-items: baseline;
+ align-content: center;
+}
+
+.main-nav__item {
+ padding: 1% 1.5%;
+ -webkit-flex: 0, 1, auto;
+ -webkit-align-self: auto;
+ flex: 0, 1, auto;
+ align-self: auto;
+}
+
+/*Responsive Grid - Dividers*/
+
+.section {
+ clear: both;
+ padding: 0px;
+ margin: 0px;
+}
+
+.col {
+ display: block;
+ float:left;
+ margin: 1% 0 1% 0%;
+}
+
+.col:first-child {
+ margin-left: 0;
+}
+
+/*Spans - Progressive Enhancement Version*/
+
+.span_3_of_3,
+.span_2_of_3,
+.span_1_of_3,
+.span_4_of_4,
+.span_3_of_4,
+.span_2_of_4,
+.span_1_of_4 {
+ width: 100%;
+}
+
+/* clearing */
+
+.clearfix:before,
+.clearfix:after {
+ content: '\0020';
+ display: block;
+ overflow: hidden;
+ visibility: hidden;
+ width: 0;
+ height: 0;
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+.clearfix {
+ zoom: 1;
+}
diff --git a/Galen-Sheyna/css/module.css b/Galen-Sheyna/css/module.css
new file mode 100644
index 0000000..ab83483
--- /dev/null
+++ b/Galen-Sheyna/css/module.css
@@ -0,0 +1,188 @@
+.headline-subhead {
+ text-align: center;
+ padding-bottom: 1.5em;
+ text-transform: uppercase;
+ font-size: 1.25em;
+ color: gray;
+}
+
+/* nav */
+
+.main-nav__item a {
+ text-align: center;
+ padding: 0.2em;
+ color: white;
+ font-size: 1.5em;
+ border-radius: .3em;
+}
+
+.main-nav__item a:hover {
+ background-color: MediumOrchid;
+}
+
+/* hero */
+
+.hero {
+ color: white;
+ text-align: center;
+ padding: 5% 0;
+ margin-bottom: 4.5em;
+}
+
+.hero__title {
+ font-size: 5em;
+}
+
+.hero__text {
+ font-size: 1em;
+ line-height: 1.5em;
+ max-width: 38em;
+ margin: auto;
+}
+
+/* feature */
+
+.feature {
+ text-align: center;
+ display: block;
+ padding-bottom: 4.5em;
+}
+
+.feature__box {
+ padding: 3%;
+ color: white;
+ display: inline-block;
+ font-size: 1em;
+}
+
+.feature__box h1 {
+ font-size: 1.3em;
+ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
+ font-weight: bold;
+ color: MediumOrchid;
+}
+
+.feature__box h2 {
+ margin: 0.4em auto;
+}
+
+/* form section */
+
+.field-with-button{
+ text-align: center;
+ display: block;
+ cursor: pointer;
+}
+
+.input-field {
+ margin-top: 1.25em;
+ font-size: 1.25em;
+ padding: .125em;
+}
+
+.search-button{
+ font-size: 1em;
+}
+
+/* profile section */
+
+.profile {
+ color: gray;
+ padding-bottom: 1.5em;
+}
+
+.profile figcaption {
+ margin-top: .1875em;
+ line-height: 1.5em;
+ font-weight: bold;
+}
+
+.profile img {
+ margin: 0 auto;
+ max-width: 12.5em;
+}
+
+/*footer*/
+
+.citation {
+ padding: 1.5em 0 4em 0;
+ text-align: center;
+ font-size: 0.8em;
+}
+
+.citation p:first-of-type {
+ padding-top: 0.8em;
+}
+
+/*Vector Images*/
+
+.vectorImage {
+ margin: 0.6em 0 -0.6em 0;
+}
+
+.windowIconRear,
+.windowIconFront,
+.arrowIcon-1,
+.arrowIcon-2 {
+ fill: white;
+}
+
+.bellIconOutline,
+.windowIconFront:hover,
+.arrowIcon-1:hover {
+ fill: MediumOrchid;
+}
+
+.arrowIcon-2:hover {
+ fill: MediumSeaGreen;
+}
+
+.bellIconFill {
+ fill: LemonChiffon;
+}
+
+.windowIconRear:hover,
+.bellIconFill:hover {
+ fill: SkyBlue;
+}
+
+/*Images*/
+
+.profGreen {
+ content: url('../img/professor_green_1x.jpg');
+}
+
+.profDavis {
+ content: url('../img/professor_davis_1x.jpg');
+}
+
+.profSmith {
+ content: url('../img/professor_smith_1x.jpg');
+}
+
+.profKeller {
+ content: url('../img/professor_keller_1x.jpg');
+}
+
+/* Color */
+
+.color1 {
+ background-color: SkyBlue;
+}
+
+.color2 {
+ background-color: LemonChiffon;
+ color: gray;
+}
+
+.color3 {
+ background-color: MediumSeaGreen;
+}
+
+.color4 {
+ background-color: whitesmoke;
+}
+
+.color5 {
+ background-color: MediumOrchid;
+}
diff --git a/Galen-Sheyna/css/state.css b/Galen-Sheyna/css/state.css
new file mode 100644
index 0000000..8a18efa
--- /dev/null
+++ b/Galen-Sheyna/css/state.css
@@ -0,0 +1,55 @@
+/*Responsive Grid Media Queries*/
+
+@media (min-width: 480px) {
+ .col {
+ margin: 1% 0.5% 1% 0.5%;
+ }
+
+ .span_3_of_3 {
+ width: 100%;
+ }
+
+ .span_2_of_3 {
+ width: 66.13%;
+ }
+
+ .span_1_of_3 {
+ width: 32.26%;
+ }
+
+ .span_4_of_4 {
+ width: 100%;
+ }
+
+ .span_3_of_4 {
+ width: 74.6%;
+ }
+
+ .span_2_of_4 {
+ width: 49.2%;
+ }
+
+ .span_1_of_4 {
+ width: 23.8%;
+ }
+}
+
+/*Retina Images*/
+
+@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+ .profGreen {
+ content: url('../img/professor_green_2x.jpg');
+ }
+
+ .profDavis {
+ content: url('../img/professor_davis_2x.jpg');
+ }
+
+ .profSmith {
+ content: url('../img/professor_smith_2x.jpg');
+ }
+
+ .profKeller {
+ content: url('../img/professor_keller_2x.jpg');
+ }
+}
diff --git a/Galen-Sheyna/css/typography.css b/Galen-Sheyna/css/typography.css
new file mode 100644
index 0000000..2f47318
--- /dev/null
+++ b/Galen-Sheyna/css/typography.css
@@ -0,0 +1,29 @@
+@font-face {
+ font-family: 'icomoon';
+ src:url('fonts/icomoon.eot?8fdye');
+ src:url('fonts/icomoon.eot?#iefix8fdye') format('embedded-opentype'),
+ url('fonts/icomoon.woff?8fdye') format('woff'),
+ url('fonts/icomoon.ttf?8fdye') format('truetype'),
+ url('fonts/icomoon.svg?8fdye#icomoon') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+[class^="icon-"], [class*=" icon-"] {
+ font-family: 'icomoon';
+ speak: none;
+ font-style: normal;
+ font-weight: normal;
+ font-variant: normal;
+ text-transform: none;
+ line-height: 1;
+
+ /* Better Font Rendering =========== */
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+
+}
+
+.icon-search:before {
+ content: "\e600";
+}
diff --git a/Galen-Sheyna/img/professor_davis_1x.jpg b/Galen-Sheyna/img/professor_davis_1x.jpg
new file mode 100755
index 0000000..1d0d99b
Binary files /dev/null and b/Galen-Sheyna/img/professor_davis_1x.jpg differ
diff --git a/Galen-Sheyna/img/professor_davis_2x.jpg b/Galen-Sheyna/img/professor_davis_2x.jpg
new file mode 100755
index 0000000..41ed796
Binary files /dev/null and b/Galen-Sheyna/img/professor_davis_2x.jpg differ
diff --git a/Galen-Sheyna/img/professor_green_1x.jpg b/Galen-Sheyna/img/professor_green_1x.jpg
new file mode 100755
index 0000000..5085d09
Binary files /dev/null and b/Galen-Sheyna/img/professor_green_1x.jpg differ
diff --git a/Galen-Sheyna/img/professor_green_2x.jpg b/Galen-Sheyna/img/professor_green_2x.jpg
new file mode 100755
index 0000000..6126686
Binary files /dev/null and b/Galen-Sheyna/img/professor_green_2x.jpg differ
diff --git a/Galen-Sheyna/img/professor_keller_1x.jpg b/Galen-Sheyna/img/professor_keller_1x.jpg
new file mode 100755
index 0000000..b4db016
Binary files /dev/null and b/Galen-Sheyna/img/professor_keller_1x.jpg differ
diff --git a/Galen-Sheyna/img/professor_keller_2x.jpg b/Galen-Sheyna/img/professor_keller_2x.jpg
new file mode 100755
index 0000000..03fe989
Binary files /dev/null and b/Galen-Sheyna/img/professor_keller_2x.jpg differ
diff --git a/Galen-Sheyna/img/professor_smith_1x.jpg b/Galen-Sheyna/img/professor_smith_1x.jpg
new file mode 100755
index 0000000..f9c531c
Binary files /dev/null and b/Galen-Sheyna/img/professor_smith_1x.jpg differ
diff --git a/Galen-Sheyna/img/professor_smith_2x.jpg b/Galen-Sheyna/img/professor_smith_2x.jpg
new file mode 100755
index 0000000..b9d646c
Binary files /dev/null and b/Galen-Sheyna/img/professor_smith_2x.jpg differ