/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Lists
- Code
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* GRID –––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px ;
  box-sizing: border-box; }
 .column,
 .columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
 
 
 /* For devices larger than 400px */
 @media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; }
 }
 
 
 /* For devices larger than 550px */
 @media (min-width: 550px) {
  .container {
    width: 90%; }
  .column,
  .columns {
    margin-left: 1%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }
  /* controls resume gutter */
  .reg-gutter-size {
    margin-left: 12%;
  }
  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 49.5%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }
  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }
  .one-half.column                { width: 48%; }
 
 
  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns { margin-left: 17.3333333333%; }
 
 
  .offset-by-three.column,
  /* controlling paragraph spacing for work pages */
  .offset-by-three.columns        { margin-left: 26%; margin-top: 0; margin-bottom: 0;}
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }
 
 
  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }
 
 
  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
 } 
 
 @media (min-width: 550px) {
 .condensed .four.columns {
  margin-left: 1%;
  width: 32.3%;
  margin-top: 1rem;
 }
 }
 
 
 .condensed .offset-by-two.column,
 .condensed .offset-by-two.columns {
  margin-left: 17.3333333333%;
 }
 
 
 /* changing echo left margin on mobile view  */
 @media (min-width: 550px) {
  .condensed .four.columns {
    margin-left: 1%;
    width: 32.3%;
    margin-top: 1rem;
  }
   .condensed .offset-by-two.column,
  .condensed .offset-by-two.columns,
  .four.columns .home {
    margin-left: 17.333%;
  }
  }
   @media (max-width: 550px) {
    .condensed .four.columns {
      margin-left: 1%;
      width: 100%;
      margin-top: 1rem;
    }
 }
 
 
 /* BASE STYLE –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 html {
  font-size: 61.5%;
  scroll-behavior: smooth ;
 }
 
 
 body {
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: .015rem;
  font-family: "Raleway", sans-serif, "Helvetica", sans-serif, "Arial", sans-serif;
  color: #222;
  background-color: #fff; }
 
 
 /* TYPOGRAPHY –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 h1, h3, h4, h5, h6 {
  font-family: "Raleway", sans-serif, "Helvetica, sans-serif";
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: .1rem;
  text-align: left;
  letter-spacing: 0;
 }
 
 
 h1 {
  font-size: 2.0rem;
  text-align: center;
 }

 h2 {
  text-align: center;
 }
 
 
 h3 {
  font-size: 3.2rem;
  font-weight: 200;
  letter-spacing: 0rem;
  line-height: 4rem;
  padding-bottom: 1.4rem;
  padding-top: 3rem;
  text-transform: lowercase;
 }
 
 
 /* mobile project description width  */
 /* h5.line-break {
  width: 60%;
 } */
 
 h4 {
  font-size: 4rem;
  font-weight: 600;
  }
 
 h5 {
  font-size: 1.4rem;
  font-weight: 400;
  text-transform: capitalize;
  margin-bottom: 2rem;
  letter-spacing: .05rem;
 }
 
 h6 {
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: .3rem }
 
 p {
  letter-spacing: .03rem;
line-height: 2.4rem;
font-weight: 400;
text-align: left;
font-size: 1.45rem;
 }
 
 
 b {
  font-weight: 600;
  font-size: 1.6rem;
 }
 
 
 span.pink {
  color: #DA2C9B;
 }
 
 
 b + p {
  font-weight: 400;
 }
 
 
 /* Larger than phablet */
 @media (min-width: 550px) {
  h1 { font-size: 2.0rem;}
 
  h2 {
    margin: 0;
    padding-bottom: .5rem;
  }
 
  h3 {
    font-size: 4.5rem;
    line-height: 5rem;
    padding-bottom: 2rem;
    padding-top: 3rem;
    font-weight: 100;
  }
 
  /* desktop project description width  */
  h5.line-break {
    width: 100%;
  }
 
  h4 {
    font-size: 1.8rem;
  }
 
  h5 {
    font-size: 1.5rem;
    font-weight: 400;
    margin-bottom: 2rem;
  }
 
  h6 {
    font-size: 1.5rem;
    font-weight: 400;
    }
 
 
  p {
    font-size: 1.55rem;
    line-height: 2.6rem;}
 }
 
 
 /* ––––––––––––––––––––––––––––––––––––––––––– RESUME ––––––– */
 
 
 #resume p, #resume h4 {
  text-align: left;
 }

 .header {
  font-size: 1.5REM;
  padding-top: 2rem;
  letter-spacing: .18rem;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
 }

 h4.header ~ p {
  margin-top: 1.6rem;
  padding-top: 0;
  margin-left: 0;
 }

.header + hr {
  margin-bottom: 0;
}
 

 #resume h4 {
  font-size: 1.6rem;
  letter-spacing: .2rem;
 }
 
 
 #resume h5 {
  text-transform: capitalize;
 }
 
 
 #resume div.six.columns p:first-of-type {
  color: #818181;
 }
 
 
 /* ––––––––––––––––––––––––––––––––––––––––––– ABOUT ––––––– */
 
 
 
 
 #about p {
  text-align: left;
  margin-bottom: .5rem;
 }
 
 
 #about li {
  margin-bottom: 0;
 }
 
 
 #about .five.columns ul {
  margin-top: 3rem;
 }
 
 
 .p-margin {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
 }
 
 
  /* used for first paragraph */
 .top-paragraph-margin {
  padding-top: 2rem;
 }
 
 
  /* used for second paragraph */
 .bottom-paragraph-margin {
  padding-bottom: 3rem;
  margin-top: 0;
 }
 
 
 .img-margin {
  padding-bottom: .75rem;
 }
 
 
 .img-margin-photography {
  padding-bottom: 2rem;
 }
 
 
 @media (max-width: 550px) {
  .img-margin-photography {
    padding-bottom: 1rem;
  }
 }
 
 
 @media (min-width: 550px) {
  #about p {
    margin-bottom: .5rem;
  }
 
 
  /* controls spacing of images */
  .img-margin {
    padding-bottom: 1rem;
  }
 
 
    /* controls spacing of images on photography page */
  .img-margin-photography {
    padding-bottom: 1rem;
  }
   /* controls spacing of paragraphs between images */
  .p-margin {
    padding-top: 2rem;
    padding-bottom: 3.5rem;
    margin-left: 0;
  }
 }
 
 
 
 
 /* SPACING –––––––––––––––––––––––––––––––––––––––––––––––––– */
 button,
 .button {
  margin-bottom: 1rem; }
 
 
 pre,
 blockquote,
 dl,
 figure,
 ul,
 ol {
  margin-bottom: 2.5rem; }
 
 
 h2 {
  margin: 4rem 0 0;
 }
 
 
 #resume .twelve.columns h4 {
  margin: 2rem 0 0 0;
 }
 
 
 #resume div.resume {
  margin-bottom: 4rem;
 }
 
 
 #home div.four.columns {
  margin-bottom: 1rem;
 }
 
 
 #resume p {
  margin: 0;
 }
 
 
 .project-intro {
  padding: 0 0 3rem 0;
 }
 
 
 @media (min-width: 550px) {
 
 
  h2 {
    margin-top: 13rem;
  }
 
 
  h2 + p {
    margin: .5rem 0 4rem;
  }
 
 
  .project-intro {
    padding: 0 0 5rem 0;
  }
 
 
  .left-image .columns {
    margin-left: 0;
  }
 
 }
 
 
 /* NAVIGATION –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 @media (max-width: 550px) {
  .desktop-nav {
    display: none;
  }
 }
 
 header img {
  margin-top: 5rem;
  height: 23px;
 }
 
 header nav {
  margin-top: 1.3rem;
  padding-bottom: 2rem;
 }

  header ul {
  text-align: center;
  margin: 1.5rem 0 0;
  padding-top: .3rem;
 }

 nav a {
  font-size: 1.3rem;
  letter-spacing: .18rem;
  font-weight: 400;
  text-transform: uppercase;
 }
 
 
 /* Larger than phablet */
 @media (min-width: 550px) {
  nav li {
    display: inline-block;
    padding-left: 3rem;
  }
 
  nav a {
    font-size: 1.3rem;
    letter-spacing: .25rem;
  }
 
  nav.eleven.columns {
    padding-bottom: 8rem;
    margin-top: 3.4rem;
  }
 
  header ul {
    text-align: right;
  }
 }

 /* PHONE NUMBER & EMAIL –––––––––––––––––––––––––––––––––––––––––––––––––– */

footer li {
margin-bottom: 1rem;
padding-left: 0;
/* padding-right: 3em; */
text-align: left;
}

footer nav li {
  padding-right: 3em;
}

/* li.email a {
  font-weight: 400;
  color: #DA2C9B;
  padding-right: 0;
  font-size: 1.7rem;
  letter-spacing: .12rem;
} */

li.phone-number {
  font-weight: 300;
  font-size: 1.5rem;
  padding-top: 1rem;
  margin: 0;
  letter-spacing: .12rem;
}

a.email {
  font-size: 1.6rem;
  font-weight: 400;
  color: #DA2C9B;
  letter-spacing: .12rem;
 }

 /* mobile phone number */
 /* footer div div li {
  letter-spacing: .12rem;
 } */

 @media (min-width: 550px){

  li.email {
    padding-right: 0;
    font-size: 1.3rem;
    font-weight: 500;
    color: #DA2C9B;
  }

  li.phone-number {
    padding-right: 0;
    padding-top: 4rem;
  }

/* desktop phone number */
  /* footer div div li {
    font-size: 1.5rem;
    padding-top: 6rem;
    padding-bottom: 0;
    margin-bottom: 0;
  } */
 
  /* desktop email font weight */
  /* footer div div a {
    font-size: 1.6rem;
    font-weight: 500;
    color: #DA2C9B;
 } */
 }

  /* FOOTER –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 @media (min-width: 550px) { 
  footer li {
    margin-bottom: 0rem;
    padding-left: 0;
    /* padding-right: 3em; */
    text-align: left;
  }
 }
 
 footer{
  margin-top: 4rem;
  padding-bottom: 2rem;
 }
 
 footer nav {
  display: block;
 }
 
 footer img {
  margin: 3rem 0 2rem;
 }
 
 /* Larger than phablet */
 @media (min-width: 550px) {
 
  footer{
    margin-top: 10rem;
    padding-bottom: 3rem;
  }
 
  footer ul li {
    text-align: right;
  }
 }
 
 
 /* IMAGES –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 img.em {
  height: 45px;
  margin: 0 auto;
 }
 
 @media (min-width: 550px) {
 img.em {
    height: 75px;
 }
 }

 .home-intro {
  max-width: 600px;
  margin: 0 auto;
 }
 
 
 /* LINKS & ICONS –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 ul.download-pdf li {
  display: inline-block;
  margin-right: 2rem;
 }
 
 @media (min-width: 550px) {
  [class^="fa"]{
    margin-bottom: 1rem;
  }
  }
 
 /* [class^="fa"]{
  color: gray;
  font-size: 1.8rem;
  margin-bottom: 4rem;
 } */
 
 
 [class^="fa"]:hover {
  color: #DA2C9B;
 }
 
 .download-pdf {
  margin: 0;
  padding-top: 2rem;
 }
 
 #mobile-view-hidden {
  display: none;
 }

p.home-intro {
  text-align: center;
  margin-bottom: 3rem;
}
 
 
 @media (min-width: 550px) {
  #desktop-view-hidden {
    display: none;
  }

  i.fa-angle-down {
    text-align: center;
    color: #DA2C9B;
    margin-top: 2rem;
    }
 
  #mobile-view-hidden {
    display: block;
    /* display: none; */
  }

  ul.next-buttons {
    margin-top: 7rem;
    }
  }

  /* i.fa-angle-down {
    text-align: center;
    color: #DA2C9B;
   } */

  /* i.fa-angle-down {
    text-align: center;
    color: #DA2C9B;
    margin-top: 2rem;
    } */
    
    ul.next-buttons li {
    display: inline-block;
    border: .25px solid #818181;
    margin: 0 10px 10px;
    }
    
      
    ul.next-buttons {
    text-align: center;
    margin-top: 5rem;
    }
    
    ul.next-buttons a {
    border: none;
    font-size: 1.1rem;
    letter-spacing: .18rem;
    }
    
    i.next-btn {
    font-size: .9rem;
    color:#545454;
    }
    
    .fa-arrow-left-long {
    padding-right: 3rem;
    padding-bottom: .6rem;
    }
    
    .fa-arrow-right-long {
    padding-left: 3rem;
    padding-bottom: .6rem;
    }
    
    .fa-chevron-left {
    padding-right: 1.5rem;
    padding-bottom: .6rem;
    }
      
    .fa-chevron-right {
    padding-left: 1.5rem;
    padding-bottom: .6rem;
    }
    
    span.next-pipe {
    font-size: 1.5rem;
    font-weight: 100;
    color: #545454;
    }
 
 /* ul.download-pdf {
  margin: 0;
 }  */
 
 #booklet-scroll {
  height: 300px;
  margin-top: 5rem;
 }
 
 
 @media (min-width: 550px) {
  #booklet-scroll {
    height: 900px;
  }
  }

 
 a:hover {
  color: #DA2C9B;
 }
 
 a {
  color: #222;
  font-weight: 400;
  font-size: 1.4rem;
  text-decoration: none;
 }
 
 #about .five.columns a {
  letter-spacing: .15rem;
  font-weight: 400;
 }
 
 /* controlling scroll arrow spacing */
 /* Larger than phablet */
 @media (min-width: 550px) {
  [class^="fa"]{
    color: gray;
    font-size: 2.6rem;
    margin-bottom: 2rem;
  }
 
  div#scroll {
    padding-top: 7rem;
  }
 
  #home footer {
    margin-top: 14rem;
  }
  }
 
 /* LISTS –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  font-size: 90%;
 }
 
 
 li {
  margin-bottom: 1rem; }
 
 
 /* BUTTONS –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 a.button {
  font-weight: 400;
  color: #545454;
  /* text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: .1rem;
  text-align: center; */
 }
 
 
 a.button:hover {
  color: #DA2C9B;
  /* background-color: #fbe9f5; */
  font-weight: 500;
 }
 
 .button,
 button,
 input[type="submit"],
 input[type="reset"],
 input[type="button"] {
  display: inline-block;
  height: 42px;
  padding: 4.5px 40px;
  margin-bottom: 0rem;
  text-align: center;
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
  letter-spacing: .1rem;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
 /* .button.button-primary,
 button.button-primary,
 input[type="submit"].button-primary,
 input[type="reset"].button-primary,
 input[type="button"].button-primary {
  color: #fff;
  background-color: #000;
  border-color: #DA2C9B; } */
 
 
 
 /* CODE –––––––––––––––––––––––––––––––––––––––––––––––––– */
 code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
 pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }
 
 
 /* UTILITIES –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .u-full-width {
  width: 100%;
  box-sizing: border-box; }
 .u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
 .u-pull-right {
  float: right; }
 .u-pull-left {
  float: left; }
 
 
 
 
 /* MISC –––––––––––––––––––––––––––––––––––––––––––––––––– */
 hr {
  margin: 1rem 0;
  width: 30px;
  padding: 0;
  border-width: 0;
  width: 40px;
  border-top: 1px solid #a09d9c; }
 
 
 
 
 
 
 /* CLEARING –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 /* Self Clearing Goodness */
 .container:after,
 .row:after,
 .u-cf {
  content: "";
  display: table;
  clear: both; }
 
 
 
 
 /* MEDIA QUERIES –––––––––––––––––––––––––––––––––––––––––––––––––– */
 
 
 /* Larger than mobile */
 @media (min-width: 400px) {}
 
 
 /* Larger than phablet (also point when grid becomes active) */
 @media (min-width: 500px) {
 }

 
 
 /* Larger than tablet */
 @media (min-width: 750px) {}
 
 
 /* Larger than desktop */
 @media (min-width: 1000px) {}
 
 
 /* Larger than Desktop HD */
 @media (min-width: 1200px) {}
 
 @media (min-width: 550px) {
  #photography .four.columns { width: 32.65%; }

 }
 
 /* @media (min-width: 550px) {
  #photography .container {
  width: 90%; }
  #photography .column,
  #photography .columns {
  margin-left: 1%; }
  #photography .column:first-child,
  #photography .columns:first-child {
  margin-left: 0; }
   #photography .one.column,
  #photography .one.columns { width: 8%; }
  #photography .three.columns { width: 24.2%; }
  #photography .four.columns { width: 32%; }
  #photography .five.columns { width: 40.9999999999%; }
  #photography .six.columns                    { width: 48.5%;            }

  #photography .seven.columns { width: 57.8%; }
  #photography .eight.columns { width: 66.4%; }
  #photography .nine.columns { width: 74.8%; }
  #photography .ten.columns { width: 83.2%; }
  #photography .eleven.columns { width: 90.99%; }
  #photography .twelve.columns { width: 100%; margin-left: 0; }
  #photography .one-third.column { width: 30.6666666667%; }
  #photography .two-thirds.column { width: 65.3333333333%; }
  #photography .one-half.column { width: 48%; }
  #photography main {
    margin-top: 5rem;
  }
  } */