.body {
  background-color: #1b2735;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #090a0f, #1b2735);
}

.navbar {
  background-color: transparent;
}

.hamburger {
  width: 60px;
  height: 60px;
  margin-top: 20px;
  padding: 0px;
  border-radius: 70px;
  background-color: #91aab7;
  box-shadow: 1px 1px 3px 0 #000;
}

.top-line {
  position: absolute;
  left: 0px;
  top: 18px;
  right: 0px;
  width: 32px;
  height: 4px;
  margin-right: auto;
  margin-left: auto;
  background-color: #45345f;
}

.middle-line {
  position: absolute;
  left: 0px;
  top: 28px;
  right: 0px;
  width: 32px;
  height: 4px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0px;
  background-color: #45345f;
}

.bottom-line {
  position: absolute;
  left: 0px;
  top: 38px;
  right: 0px;
  width: 32px;
  height: 4px;
  margin-right: auto;
  margin-left: auto;
  background-color: #45345f;
}

.hero {
  width: auto;
  height: auto;
  padding-bottom: 40px;
  background-color: #91aab7;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #090a0f, #1b2735);
}

.hero-img {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  margin-top: 30px;
  margin-right: 0px;
  margin-left: 30px;
  float: right;
}

.paragraph {
  position: relative;
  left: 20px;
  top: 30px;
  right: 50px;
  margin-top: 30px;
  float: none;
  clear: left;
}

.text-block {
  position: absolute;
  display: block;
  margin-top: 90px;
  margin-left: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 30px;
  line-height: 49px;
  font-weight: 600;
}

.contact-me-bttn {
  position: relative;
  top: 40px;
  right: 0px;
  bottom: 0px;
  display: block;
  width: 170px;
  padding: 15px 20px;
  float: right;
  clear: none;
  border: 2px solid #fff;
  background-color: transparent;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.contact-me-bttn:hover {
  width: 170px;
  padding-right: 20px;
  padding-left: 20px;
  border-color: transparent;
  background-color: #8f00ff;
  background-image: none;
  color: #fff;
  text-align: center;
}

.contact-bttn {
  position: relative;
  right: 0px;
  bottom: 0px;
  float: right;
}

.welcome-design-space {
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #1b2735, #090a0f);
}

.welcome-to-my-design-space-text {
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 42px;
  font-weight: 700;
  text-align: center;
}

.logo {
  max-width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.projects {
  width: 100%;
  height: auto;
}

.party-of-two {
  display: inline-block;
  width: 50%;
  height: auto;
  float: left;
  background-color: #2b292f;
}

.starfunds {
  position: static;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 50%;
  height: auto;
  float: right;
  clear: none;
  background-color: #5a5c8a;
}

.purrfect-cafe {
  display: inline-block;
  width: 50%;
  height: auto;
  float: left;
  background-color: #91aab7;
}

.product-showcase-link {
  position: static;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: 50%;
  height: auto;
  float: right;
  background-color: #45345f;
}

.container {
  position: static;
  right: 0px;
  bottom: 0px;
}

.container-2 {
  position: relative;
  left: 30px;
  top: 30px;
  right: 30px;
  display: inline;
}

.view-full-portfolio {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #070707;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #1b2735, #090a0f);
}

.view-full-portfolio-button {
  display: block;
  width: 250px;
  margin: 30px auto;
  padding: 15px 30px;
  float: none;
  border: 2px solid #91aab7;
  background-color: transparent;
  box-shadow: 1px 1px 3px 0 #000;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-weight: 700;
  text-align: center;
}

.view-full-portfolio-button:hover {
  background-color: #070707;
  color: #91aab7;
}

.uxui-product-design {
  padding: 10px;
  background-color: #5a5c8a;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}

.uxui-product-design.design-process-h1 {
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: transparent;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 38px;
  line-height: 34px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.uiux-text {
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading {
  padding-right: 10px;
  padding-left: 10px;
  color: #91aab7;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}

.heading.seamless-design-h4 {
  padding-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 20px;
  line-height: 30px;
  font-style: normal;
  font-weight: 600;
  text-transform: uppercase;
}

.ux-ui-design-p {
  margin-bottom: 20px;
  padding: 0px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
}

.like-what-you-see-contact {
  padding-bottom: 20px;
  background-color: #2b292f;
}

.like-what-you-see-text {
  padding: 35px 10px 25px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 45px;
  font-weight: 600;
  text-align: center;
}

.contact-me-button {
  display: block;
  width: 170px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.contact-me-button:hover {
  width: 170px;
  padding: 15px 20px;
  border-color: transparent;
  background-color: #8f00ff;
  background-image: none;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 18px;
  text-transform: uppercase;
}

.footer {
  position: static;
  width: 100%;
  height: auto;
  padding-top: 40px;
  padding-bottom: 20px;
  background-color: #dedbdd;
}

.logo-footer {
  margin-top: 25px;
  margin-bottom: 25px;
  margin-left: 30px;
}

.designing-space-all-around {
  position: relative;
  left: 0px;
  top: -80px;
  right: 0px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

._2017-alisa-matthews {
  position: relative;
  bottom: 60px;
  margin-bottom: 15px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.container-3 {
  display: inline-block;
}

.dark-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #070707;
}

.dark-nav.aboutnav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #91aab7;
}

.dark-nav.aboutnav.starfundsnav {
  background-color: #5a5c8a;
}

.dark-nav.partyof2nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #2b292f;
}

.dark-nav.lavender-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #5a5c8a;
}

.contact-link {
  position: static;
  top: 30px;
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
}

.contact-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.contact-link.w--current {
  color: #fff;
  font-weight: 400;
}

.contact-link.w--current:hover {
  color: #8f00ff;
  font-weight: 600;
}

.contact-link.starfunds-contact-link {
  color: #fff;
  font-weight: 400;
}

.contact-link.starfunds-contact-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.about-link {
  position: static;
  top: 30px;
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
}

.about-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-link.starfunds-about-link {
  color: #fff;
  font-weight: 400;
  text-transform: none;
}

.about-link.starfunds-about-link:hover {
  color: #91aab7;
  font-weight: 600;
  text-transform: none;
}

.portfolio-link {
  position: static;
  top: 30px;
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 400;
}

.portfolio-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.portfolio-link.w--current {
  color: #fff;
}

.portfolio-link.w--current:hover {
  color: #8f00ff;
}

.portfolio-link.starfunds-portfolio-link {
  color: #fff;
  font-weight: 400;
}

.portfolio-link.starfunds-portfolio-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.recommendations {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #5a5c8a;
}

.recommendation {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.a-recommendation {
  margin-bottom: 0px;
  padding-right: 10px;
  padding-bottom: 35px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}

.image {
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-2 {
  padding-top: 40px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  line-height: 20px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.text-block-3 {
  margin-bottom: 10px;
  padding-top: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #5c5d66;
  font-size: 12px;
  text-align: center;
}

.column {
  display: none;
}

.heading-3 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
}

.hero-text {
  padding-bottom: 10px;
}

.text-block-4 {
  font-family: 'Open Sans', sans-serif;
  color: hsla(0, 0%, 100%, 0.7);
  font-size: 20px;
  font-weight: 600;
}

.hi-h1 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 60px;
  line-height: 44px;
  font-weight: 600;
}

.pronounced-h3 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
}

.alyssa-h3 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #4f4955;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  text-decoration: line-through;
}

.vietnamese-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  font-style: italic;
  font-weight: 400;
}

.german-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  font-style: italic;
  font-weight: 400;
}

.raised-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  font-style: italic;
  font-weight: 400;
}

.living-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 32px;
  line-height: 36px;
  font-style: italic;
  font-weight: 400;
}

.hero-container {
  padding-top: 100px;
}

.body-2 {
  background-color: #dedbdd;
}

.about-me-section {
  margin-top: 109px;
  padding-top: 0px;
}

.about-me-container {
  margin-top: 70px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-11 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
}

.heading-11.about-me-h1 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 38px;
  font-weight: 700;
}

.about-p {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.heading-12 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
}

.heading-12.solving-h1 {
  margin-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  font-weight: 700;
}

.solving-p {
  margin-bottom: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.image-2 {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 1px 1px 3px 0 #000;
}

.image-3 {
  box-shadow: 1px 1px 3px 0 #000;
}

.image-4 {
  box-shadow: 1px 1px 3px 0 #000;
}

.color-palettes-img {
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 3px 0 #000, 1px 1px 3px 0 #000;
}

.paragraph-5 {
  margin-top: 30px;
  margin-bottom: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-5.confession-p {
  margin-top: 40px;
  margin-bottom: 40px;
  line-height: 40px;
}

.image-5 {
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 3px 0 #000;
}

.my-style {
  padding-bottom: 90px;
}

.heading-13 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  line-height: 40px;
  font-weight: 400;
}

.heading-14 {
  margin-top: 36px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-weight: 400;
}

.heading-14.my-style-h3 {
  margin-top: 50px;
  margin-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 40px;
  font-weight: 700;
}

.my-style-p {
  margin-top: 10px;
  padding: 30px 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 40px;
}

.download-resume-bttn {
  width: 250px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 15px 20px;
  border: 2px solid #8f00ff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.download-resume-bttn:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.contact-me {
  position: relative;
  left: 0px;
  display: inline-block;
  width: 250px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 15px 20px;
  border: 2px solid #8f00ff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.contact-me:hover {
  padding-right: 24px;
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.button {
  position: relative;
  right: 0px;
  bottom: 0px;
  width: 250px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 15px 20px;
  border: 2px solid #8f00ff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.button:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.download-resume-button {
  position: static;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.contact-me-btn {
  position: static;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.view-case-studies-bttn {
  position: static;
  margin-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  text-align: center;
}

.desk-photo {
  margin-top: 50px;
  padding-top: 0px;
  padding-bottom: 20px;
}

.recommendations-text {
  margin-right: 70px;
  margin-left: 70px;
  padding: 30px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  font-style: italic;
  font-weight: 400;
  text-align: left;
}

.heading-15 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  text-align: center;
}

.container-4 {
  padding: 20px 10px;
}

.like-what-you-see-p {
  padding: 20px 10px 35px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 45px;
  font-weight: 600;
  text-align: center;
}

.container-5 {
  padding: 30px 10px 10px;
}

.purrfect-cafe-link {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
  float: none;
  background-image: url('../images/PURRfect-Cafe.png');
  background-position: 50% 50%;
  background-size: 722px;
  background-repeat: no-repeat;
}

.starfunds-link {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
  background-image: url('../images/StarFunds-Home.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.party-of-two-link {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
  background-image: url('../images/Party-of-Two.png');
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-attachment: scroll;
}

.party-of-two-link:hover {
  background-color: #2b292f;
}

.purrfect-img {
  text-align: center;
}

.body-3 {
  background-color: #fff;
}

.hero-section {
  margin-top: 96px;
  background-color: #2b292f;
  box-shadow: 0 1px 4px 0 #000;
}

.hero-section.photography-hero {
  margin-top: 84px;
  padding-top: 0px;
  padding-bottom: 60px;
  background-color: #dedbdd;
  box-shadow: none;
}

.hero-section.party-of-two-hero {
  margin-top: 80px;
  padding-top: 0px;
  padding-bottom: 30px;
  background-color: #070707;
}

.party-of-2-div {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.heading-16 {
  position: absolute;
  left: 0px;
  top: 30px;
  right: 0px;
  margin-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.heading-17 {
  position: absolute;
  left: 0px;
  top: 100px;
  right: 0px;
  margin-top: 45px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.heading-18 {
  position: absolute;
  left: 0px;
  top: 50px;
  right: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.heading-19 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  padding-top: 139px;
  padding-right: 10px;
  padding-left: 10px;
  color: #fff;
  font-style: italic;
  text-align: center;
}

.heading-20 {
  position: absolute;
  left: 0px;
  top: 120px;
  right: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.intro {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
}

.intro.purrfect-intro {
  padding-top: 90px;
  padding-bottom: 90px;
}

.intro.trek-intro {
  padding-top: 100px;
  padding-bottom: 100px;
}

.intro.product-showcase-intro {
  padding-top: 100px;
  padding-bottom: 100px;
}

.intro.front-row-intro {
  padding-bottom: 100px;
}

.intro-container {
  padding-top: 40px;
  padding-bottom: 40px;
}

.intro-p {
  margin-bottom: 0px;
  padding: 0px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.intro-p.starfunds-intro {
  padding-top: 40px;
  padding-bottom: 0px;
}

.intro-p.purrfect-intro-text {
  padding-top: 40px;
  padding-bottom: 0px;
}

.intro-p.product-intro {
  margin-top: 10px;
  padding-top: 40px;
  padding-bottom: 40px;
}

.intro-p.trek-intro-text {
  margin-top: 10px;
  padding-top: 30px;
  padding-bottom: 40px;
}

.the-problem {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: #fff;
}

.the-problem.the-problem-party-of-two {
  padding-top: 100px;
  padding-bottom: 120px;
  background-color: #fff;
}

.the-problem.starfunds-the-problem-section {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #fff;
}

.heading-21 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  text-align: left;
}

.heading-21.problem-h {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-21.problem-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.heading-21.the-problem-purrfect {
  padding-top: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.heading-21.the-problem-trek {
  margin-top: 10px;
  padding-top: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.problem-p {
  padding: 20px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.happy-couples-img {
  padding-top: 280px;
  padding-bottom: 280px;
  background-color: #fff;
  background-image: url('../images/party-of-two-img_1.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.image-6 {
  box-shadow: 1px 1px 4px 0 #000;
}

.the-solution-1 {
  padding-bottom: 20px;
  background-color: #dedbdd;
}

.the-solution-1.create-a-brand-identity {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.heading-22 {
  padding-top: 50px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
}

.heading-22.solution-h3 {
  padding-top: 50px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.heading-23 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-23.create-brand-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-decoration: none;
}

.heading-23.new-noteworthy-h {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-decoration: none;
}

.paragraph-10 {
  padding: 10px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.paragraph-10.solution-p {
  padding-bottom: 30px;
  line-height: 40px;
}

.image-7 {
  padding: 10px 20px;
}

.image-7.brand-identity-img {
  padding-bottom: 0px;
}

.the-solution-2 {
  padding-bottom: 20px;
  background-color: #dedbdd;
}

.the-solution-2.responsive-design {
  padding-bottom: 60px;
  background-color: #dedbdd;
}

.heading-24 {
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-24.responsive-h2 {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.paragraph-11 {
  padding: 10px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.container-7 {
  padding-bottom: 0px;
}

.container-8 {
  padding-top: 40px;
}

.image-8 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.brainstorming-h2 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

.paragraph-12 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.heading-25 {
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 44px;
}

.heading-25.brainstorming-h {
  padding-top: 50px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-25.starfunds-the-process {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.mind-map {
  margin-top: 40px;
}

.image-9 {
  padding-top: 65px;
  box-shadow: 1px 1px 3px 0 #000;
}

.container-9 {
  padding-bottom: 40px;
}

.image-10 {
  padding-top: 0px;
}

.image-10.photo-mind-map {
  padding-top: 20px;
}

.survey {
  padding-top: 50px;
  padding-bottom: 90px;
  background-color: #dedbdd;
}

.paragraph-13 {
  padding: 10px 10px 30px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
}

.survey-img {
  text-align: center;
}

.image-11 {
  padding-bottom: 10px;
  padding-left: 20px;
}

.container-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-6 {
  padding-top: 45px;
  padding-right: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.personas {
  padding-top: 50px;
  padding-bottom: 70px;
  background-color: #fff;
}

.personas.photography-swot-analysis {
  padding-bottom: 80px;
}

.paragraph-14 {
  padding: 30px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.container-11 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-12 {
  padding: 20px;
}

.swot-analysis {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.swot-analysis.trek-swot {
  padding-top: 100px;
  padding-bottom: 90px;
}

.swot-text {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.swot-text.starfunds-swot {
  padding-top: 10px;
}

.swot-text-bold {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.swot-text-bold.starfunds-swot-bold {
  padding-top: 10px;
  padding-bottom: 10px;
}

.text-block-9 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-9.testing-text {
  color: #fff;
}

.text-block-10 {
  padding: 20px 10px 20px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.text-block-10.starfunds-swot-list {
  padding-top: 20px;
  padding-bottom: 10px;
  line-height: 40px;
}

.user-flows {
  padding-top: 20px;
  padding-bottom: 70px;
  background-color: #fff;
}

.paragraph-15 {
  padding: 30px 10px 15px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.image-13 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-12 {
  padding-top: 50px;
}

.wireframes {
  padding-top: 10px;
  padding-bottom: 30px;
  background-color: #dedbdd;
}

.wireframe-text {
  padding: 10px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.container-13 {
  padding: 40px 10px;
}

.wireframe-1 {
  text-align: center;
}

.wireframe-2 {
  text-align: center;
}

.wireframe-3 {
  text-align: center;
}

.row {
  padding-bottom: 30px;
}

.image-14 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.image-15 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.image-16 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.wireframe-4 {
  text-align: center;
}

.image-17 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.row-2 {
  padding-bottom: 30px;
}

.wireframe-5 {
  text-align: center;
}

.image-18 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.wireframe-6 {
  text-align: center;
}

.image-19 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.wireframe-7 {
  text-align: center;
}

.image-20 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.wireframe-8 {
  text-align: center;
}

.image-21 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.wireframe-9 {
  text-align: center;
}

.image-22 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.mockup-1 {
  text-align: center;
}

.image-23 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.mockup-2 {
  text-align: center;
}

.image-24 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.row-3 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.mockup-3 {
  text-align: center;
}

.image-25 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.row-4 {
  padding-top: 0px;
  padding-bottom: 30px;
}

.row-4.blocbox-img-row {
  padding-bottom: 20px;
}

.mockup-4 {
  text-align: center;
}

.image-26 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.mockup-5 {
  text-align: center;
}

.image-27 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.row-5 {
  padding-bottom: 30px;
}

.mockup-6 {
  text-align: center;
}

.image-28 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}

.image-29 {
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.save-time-by-cliclking-only-on {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

.image-30 {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 172px;
}

.heading-26 {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  text-align: center;
}

.text-block-12 {
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.matches-chosen-especially-for-you {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.image-31 {
  position: relative;
  left: 70px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  padding-right: 10px;
  padding-left: 10px;
  float: none;
  clear: none;
  text-align: left;
}

.save-time-text {
  padding-top: 50px;
}

.row-6 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.branding-text {
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.branding-text.visual-goal-charts-text {
  text-align: center;
}

.branding-text.donation-history-text {
  text-align: center;
}

.heading-27 {
  padding: 50px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.heading-27.save-time-h2 {
  padding-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.heading-27.easy-campaign-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.heading-27.visual-goal-charts-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-27.donation-history-h2 {
  padding-top: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-27.starfunds-branding {
  padding-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-28 {
  padding: 30px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.text-block-14 {
  padding: 0px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.matches-chosen-for-you-text {
  padding-top: 50px;
}

.image-32 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.heading-29 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.heading-29.matches-chosen-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.row-7 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.save-time-and-money-with-free-video-chats {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}

.row-8 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.save-time-and-money-text {
  padding-top: 50px;
}

.heading-30 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.heading-30.save-time-money-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.text-block-15 {
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.final-design {
  padding-top: 30px;
  padding-bottom: 100px;
  background-color: #dedbdd;
}

.final-design.photography-final-design {
  background-color: #fff;
}

.final-design.blocbox-final-design {
  padding-top: 50px;
  padding-bottom: 120px;
  background-color: #fff;
}

.final-design.final-thoughts {
  padding-top: 40px;
  padding-bottom: 120px;
  background-color: #fff;
}

.heading-31 {
  padding: 40px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}

.heading-31.final-design-h {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.heading-31.starfunds-final-design-h2 {
  padding-top: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.final-design-text {
  padding-right: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.final-design-text.blocbox-final-design-text {
  padding-bottom: 20px;
}

.branding {
  padding-top: 10px;
  padding-bottom: 70px;
  background-color: #fff;
}

.photo-color-palette {
  padding: 30px 10px;
  text-align: left;
}

.video {
  padding-right: 10px;
  padding-left: 10px;
}

.heading-32 {
  padding: 30px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
}

.heading-32.branding-left-h2 {
  padding-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.text-block-17 {
  padding-right: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.logo-h4 {
  padding: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.logo-h4.party-of-two-branding-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}

.logo-h4.party-of-two-branding-text.pop-of-color-text {
  padding-top: 20px;
  line-height: 40px;
  text-align: center;
  text-transform: none;
}

.image-34 {
  padding: 20px 10px;
}

.darker-bg-text {
  padding: 40px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-35 {
  padding: 10px 10px 20px;
}

.image-35.blocbox-logo-img {
  padding-top: 50px;
  padding-bottom: 30px;
}

.heading-33 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 44px;
  text-align: center;
  text-decoration: underline;
}

.heading-33.typography-h {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
}

.heading-33.typography-h.party-typography {
  font-size: 20px;
  text-align: center;
}

.photo-typography {
  margin-top: 40px;
  padding: 0px 10px 30px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.view-other-case-studies {
  padding-top: 10px;
  padding-bottom: 40px;
  background-color: rgba(145, 170, 183, 0.3);
}

.view-food-trek-case-study {
  text-align: center;
}

.heading-34 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #5a5c8a;
  text-decoration: none;
}

.heading-34:hover {
  color: #2b292f;
}

.row-9 {
  padding-top: 30px;
}

.view-starfunds-case-study {
  text-align: center;
}

.heading-35 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #5a5c8a;
}

.heading-35:hover {
  color: #2b292f;
}

.image-37 {
  padding-top: 100px;
  padding-left: 10px;
}

.heading-36 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.heading-36.case-study-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 34px;
  font-weight: 700;
  text-transform: uppercase;
}

.heading-36.case-study-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 34px;
}

.heading-37 {
  padding-right: 10px;
  padding-bottom: 25px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.heading-37.case-study-h3 {
  margin-top: 10px;
  padding-bottom: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-style: normal;
}

.heading-37.case-study-h3 {
  margin-top: 20px;
  padding-bottom: 35px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height: 30px;
}

.photography-imac-img {
  padding-top: 40px;
  padding-bottom: 10px;
}

.button-2 {
  position: relative;
  right: 10px;
  bottom: 26px;
  width: 225px;
  padding: 15px 30px 15px 81px;
  float: right;
  border: 2px solid #fff;
  background-color: transparent;
  background-image: url('../images/white-icons8-message.png');
  background-position: 38px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  text-align: center;
}

.button-2:hover {
  border-color: #070707;
  background-color: #070707;
}

.button-2.starfunds-contact-bttn {
  padding-left: 88px;
  border-color: #fff;
  background-image: url('../images/icons-message.png');
  background-position: 39px 50%;
  background-size: 40px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: #fff;
}

.button-2.starfunds-contact-bttn:hover {
  border-color: #070707;
}

.container-14 {
  padding-top: 80px;
}

.starfunds-hero {
  margin-top: 80px;
  padding-top: 0px;
  padding-bottom: 10px;
  background-color: #070707;
}

.image-39 {
  padding-top: 10px;
  padding-bottom: 0px;
}

.starfundsnav {
  background-color: #5a5c8a;
}

.container-15 {
  padding-top: 50px;
}

.bring-your-film-to-life-photo {
  padding-top: 350px;
  padding-bottom: 350px;
  background-color: #fff;
  background-image: url('../images/StarFunds-bring-your-film-to-life-photo.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.new-noteworthy-films {
  background-color: #dedbdd;
}

.heading-38 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-38.solution-h3 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

.container-16 {
  padding-top: 30px;
  padding-bottom: 60px;
}

.container-16.starfunds-solution-container {
  padding-top: 40px;
  padding-bottom: 0px;
}

.heading-39 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-39.new-noteworthy-h {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-decoration: none;
}

.text-block-20 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-20.new-noteworthy-text {
  padding-bottom: 40px;
  line-height: 40px;
}

.explore-search-by-genre {
  background-color: #dedbdd;
}

.container-17 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.explore-search-by-genre-text {
  padding-top: 50px;
}

.heading-40 {
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 44px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-40.explore-h2 {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.text-block-21 {
  padding: 20px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-21.using-the-search-bar {
  padding-top: 10px;
  line-height: 40px;
}

.image-40 {
  padding-right: 10px;
  padding-left: 10px;
}

.image-41 {
  padding-right: 10px;
  padding-left: 10px;
}

.container-18 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-19 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-42 {
  padding-top: 50px;
  padding-right: 10px;
  padding-left: 10px;
}

.row-10 {
  padding-bottom: 30px;
}

.container-20 {
  padding-top: 40px;
  padding-bottom: 50px;
}

.text-block-22 {
  padding-right: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.image-43 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.heading-41 {
  padding: 70px 10px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
}

.heading-41.creating-a-campaign-heading {
  padding-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-decoration: none;
}

.heading-41.campaign-setup {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}

.heading-41.donor {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-decoration: none;
  text-transform: uppercase;
}

.heading-41.starfunds-typography {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.text-block-23 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.text-block-23.blocbox-survey-text {
  padding-top: 110px;
}

.heading-42 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-decoration: underline;
}

.heading-42.as-a-donor-heading {
  margin-top: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
  text-decoration: none;
}

.text-block-24 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.image-44 {
  padding-right: 10px;
  padding-left: 10px;
}

.container-21 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.text-block-25 {
  padding: 10px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.container-22 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.container-23 {
  padding-top: 70px;
  padding-bottom: 40px;
}

.image-45 {
  padding: 30px 10px;
}

.text-block-26 {
  padding: 10px 10px 30px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.container-24 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-46 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-47 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-48 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-49 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-50 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-51 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-52 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-53 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-54 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.homepage-mockup {
  padding-bottom: 50px;
  background-color: #fff;
}

.container-25 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.heading-43 {
  padding: 30px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  line-height: 44px;
  text-align: center;
}

.heading-43.starfunds-mockup-1-h {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
}

.image-55 {
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
}

.campaign-display-page {
  padding-top: 0px;
  padding-bottom: 40px;
  background-color: #dedbdd;
}

.container-26 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-56 {
  padding-right: 0px;
  padding-bottom: 30px;
  padding-left: 0px;
}

.heading-44 {
  padding: 30px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  line-height: 35px;
  text-align: center;
}

.heading-44.starfunds-mockup-2-h {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.easy-campaign-setup {
  padding-bottom: 20px;
}

.container-27 {
  padding-top: 50px;
  padding-bottom: 40px;
}

.easy-campaign-setup-text {
  padding-top: 50px;
}

.easy-campaign-setup-gif {
  text-align: center;
}

.row-11 {
  padding-top: 70px;
  padding-bottom: 50px;
}

.visual-goal-charts-donor-list {
  padding-top: 0px;
  background-color: #dedbdd;
}

.container-28 {
  padding: 40px 10px;
  text-align: center;
}

.row-12 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-57 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-58 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.donation-history {
  padding-top: 0px;
  background-color: #fff;
}

.container-29 {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.row-13 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-59 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.image-60 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.container-30 {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.container-31 {
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
}

.image-61 {
  padding: 30px 10px;
}

.image-62 {
  padding: 20px 10px 30px;
}

.starfunds-typography {
  margin-top: 20px;
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.video-2 {
  margin-top: 30px;
}

.video-3 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section {
  margin-top: 95px;
  background-color: #91aab7;
}

.purrfect-hero {
  margin-top: 83px;
  padding-top: 0px;
  padding-bottom: 30px;
  background-color: #dedbdd;
}

.image-64 {
  padding: 30px 10px 40px;
}

.heading-45 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  line-height: 40px;
  text-align: center;
}

.heading-45.case-study-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 34px;
  text-transform: uppercase;
}

.heading-46 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.heading-46.case-study-h3 {
  padding-bottom: 30px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-style: normal;
}

.lavender-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #5a5c8a;
}

.image-65 {
  padding-top: 20px;
  padding-bottom: 15px;
}

.nav-link {
  padding-top: 40px;
  padding-bottom: 20px;
}

.nav-link.purrfect-home-link {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.nav-link.purrfect-home-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.nav-link-2 {
  padding-top: 40px;
  padding-bottom: 20px;
}

.nav-link-2.purffect-about-link {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.nav-link-2.purffect-about-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.nav-link-3 {
  padding-top: 40px;
  padding-bottom: 20px;
}

.nav-link-3.purrfect-contact-link {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.nav-link-3.purrfect-contact-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.light-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #dedbdd;
}

.image-66 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.about-portfolio-link {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.about-portfolio-link:hover {
  font-weight: 600;
}

.about-portfolio-link.about-nav-link {
  color: #2b292f;
}

.about-portfolio-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-portfolio-link.about-nav-link {
  color: #2b292f;
}

.about-portfolio-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-about-link {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.about-about-link:hover {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 600;
}

.about-about-link.about-nav-link {
  color: #2b292f;
}

.about-about-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-about-link.about-nav-link {
  color: #2b292f;
}

.about-about-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-contact-link {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.about-contact-link:hover {
  font-weight: 600;
}

.about-contact-link.about-nav-link {
  color: #2b292f;
}

.about-contact-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.about-contact-link.about-nav-link {
  color: #2b292f;
}

.about-contact-link.about-nav-link:hover {
  color: #8f00ff;
  font-weight: 400;
}

.container-32 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.container-33 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.cat-img {
  padding-top: 350px;
  padding-bottom: 350px;
  background-color: #fff;
  background-image: url('../images/Purrfect-Subtle-Devices-Showcase-Screens-Presentation.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.what-is-a-cat-cafe {
  padding-bottom: 30px;
  background-color: #fff;
}

.row-14 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.what-is-a-cat-cafe-text {
  margin-top: 40px;
}

.heading-47 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-47.the-solution-purrfect {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
}

.heading-48 {
  padding-top: 40px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-48.what-is-a-cat-cafe-header {
  padding-top: 0px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}

.heading-48.list-activites-header {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.paragraph-16 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.paragraph-16.cat-cafes {
  padding-top: 10px;
  line-height: 40px;
  text-align: left;
}

.paragraph-16.list-activities-available-text {
  line-height: 40px;
}

.image-67 {
  padding-top: 125px;
}

.list-activities-available {
  padding-top: 40px;
  padding-bottom: 10px;
  background-color: #dedbdd;
}

.row-15 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-16 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container-34 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-49 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 44px;
}

.heading-49.purrfect-brainstorming-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  line-height: 36px;
  text-transform: uppercase;
}

.paragraph-17 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.image-68 {
  padding-top: 10px;
}

.row-17 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.text-block-27 {
  padding-top: 70px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.text-block-28 {
  padding: 20px 10px 30px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.container-35 {
  padding-top: 50px;
  padding-bottom: 30px;
}

.image-69 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-29 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-29.purrfect-persona-text {
  padding-top: 10px;
  line-height: 40px;
}

.container-36 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.container-36.purrfect-swot-cont {
  padding-top: 30px;
  padding-bottom: 0px;
}

.text-block-30 {
  padding: 10px 10px 0px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-31 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.text-block-32 {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-33 {
  padding: 30px 10px 60px 90px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.container-37 {
  padding-top: 70px;
  padding-bottom: 50px;
}

.image-70 {
  padding: 30px 10px;
}

.text-block-34 {
  padding: 30px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.container-38 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-18 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.text-block-35 {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.row-19 {
  padding-top: 50px;
  padding-bottom: 30px;
}

.row-20 {
  padding-bottom: 30px;
}

.image-71 {
  padding-bottom: 30px;
}

.image-72 {
  padding-bottom: 30px;
}

.image-73 {
  padding-bottom: 0px;
}

.image-74 {
  padding-bottom: 30px;
}

.image-75 {
  padding-bottom: 30px;
}

.image-76 {
  padding-bottom: 0px;
}

.homepage-activities {
  padding-top: 20px;
  background-color: #fff;
}

.container-39 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-21 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.purrfect-homepage {
  padding-bottom: 30px;
  text-align: center;
}

._2-photos {
  padding-bottom: 30px;
  text-align: center;
}

.image-77 {
  padding-top: 40px;
  padding-bottom: 30px;
}

.image-78 {
  padding-bottom: 0px;
}

.heading-50 {
  padding: 30px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-50.homepage-and-activities-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-36 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-36.purrfect-home-text {
  line-height: 40px;
}

.easy-checkout-process {
  padding-bottom: 40px;
  background-color: #dedbdd;
}

.easy-checkout-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-51 {
  padding-top: 30px;
  padding-bottom: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-51.easy-checkout-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-37 {
  padding-bottom: 50px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-37.easy-checkout-text {
  padding-top: 10px;
  line-height: 40px;
}

.add-to-cart-img {
  text-align: center;
}

.cart-img {
  text-align: center;
}

.image-79 {
  padding-bottom: 30px;
}

.image-80 {
  padding-bottom: 30px;
}

.review-cart-payment-options {
  padding-bottom: 70px;
  background-color: #fff;
}

.review-cart-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-52 {
  padding: 30px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-52.review-cart-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-38 {
  padding-right: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-81 {
  padding: 10px;
}

.create-an-account {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #dedbdd;
}

.create-account-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-53 {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: left;
}

.heading-53.create-an-account-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-39 {
  padding: 10px 10px 50px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.profile-img {
  text-align: center;
}

.final {
  background-color: #fff;
}

.final-design-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-54 {
  padding-top: 30px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-54.purrfect-final-design-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.paragraph-18 {
  padding-right: 10px;
  padding-bottom: 40px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.paragraph-18.purrfect-final-design-text {
  padding-top: 10px;
  line-height: 40px;
  text-align: left;
}

.branding-section {
  padding-top: 10px;
  background-color: #fff;
}

.container-44 {
  padding-top: 40px;
  padding-bottom: 50px;
}

.image-82 {
  padding: 50px 10px;
}

.image-83 {
  padding-top: 30px;
  padding-bottom: 50px;
}

.heading-55 {
  padding: 30px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-55.purrfect-branding-h2 {
  padding-top: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-40 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.heading-56 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
  text-decoration: underline;
}

.heading-56.purrfect-typography {
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.image-84 {
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
}

.navbar-3 {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #45345f;
  font-family: 'Open Sans', sans-serif;
}

.navbar-3.dark-gray-nav {
  background-color: #4f4955;
}

.image-85 {
  padding-top: 20px;
  padding-bottom: 15px;
}

.product-portfolio-link {
  padding-top: 40px;
  color: #fff;
}

.product-portfolio-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.product-about-link {
  padding-top: 40px;
  color: #fff;
}

.product-about-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.product-contact-link {
  padding-top: 40px;
  color: #fff;
}

.product-contact-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.product-showcase-hero {
  margin-top: 80px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #070707;
}

.container-45 {
  padding-top: 50px;
}

.image-86 {
  padding-bottom: 30px;
}

.heading-57 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.heading-57.case-study-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 38px;
  line-height: 34px;
  text-transform: uppercase;
}

.heading-58 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.heading-58.case-study-h3 {
  padding-bottom: 35px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 24px;
  font-style: normal;
}

.mobile-phone-img {
  padding-top: 370px;
  padding-bottom: 370px;
  background-color: #4f4955;
  background-image: url('../images/food-trek-why-food-trek-photo.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.product-survey-img {
  background-color: rgba(145, 170, 183, 0.3);
  text-align: left;
}

.container-46 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-22 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-41 {
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.heading-59 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.paragraph-19 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.text-block-42 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  font-style: italic;
  font-weight: 700;
}

.image-87 {
  margin-top: 70px;
}

.image-88 {
  margin-top: 70px;
}

.wireframe {
  padding-top: 0px;
  padding-bottom: 50px;
}

.container-47 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-89 {
  padding: 30px 10px;
}

.text-block-43 {
  padding: 30px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.features-section {
  padding-top: 30px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.container-48 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-90 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading-60 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-60.features-section-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.text-block-44 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.reviews-section {
  padding-top: 50px;
  padding-bottom: 50px;
}

.reviews-section.product-reviews {
  padding-top: 40px;
}

.container-49 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-91 {
  padding-top: 40px;
  padding-bottom: 30px;
}

.paragraph-20 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.heading-61 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-61.reviews-section-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.social-media-section {
  padding-top: 50px;
  padding-bottom: 100px;
  background-color: rgba(145, 170, 183, 0.3);
}

.social-media-section.product-social {
  padding-top: 40px;
  padding-bottom: 70px;
  background-color: #dedbdd;
}

.container-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-92 {
  padding: 0px 0px 30px;
}

.image-92.share-the-good-vibes-img {
  padding-top: 30px;
  padding-bottom: 10px;
}

.heading-62 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-62.social-media-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.paragraph-21 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.product-final-design {
  padding-top: 30px;
  padding-bottom: 0px;
}

.container-51 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-63 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-63.final {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.heading-63.final-design-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.image-93 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-52 {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.image-94 {
  padding: 30px 10px 40px;
}

.product-showcase-typography {
  padding: 30px 10px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.heading-64 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
  text-decoration: underline;
}

.heading-64.product-typography {
  padding-top: 20px;
  padding-bottom: 0px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-decoration: none;
}

.heading-65 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-65.product-branding-header {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.heading-65.branding-left-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
}

.text-block-45 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-46 {
  padding: 40px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.text-block-46.disclaimer {
  line-height: 40px;
  font-style: italic;
  text-align: center;
}

.button-3 {
  position: relative;
  left: 208px;
  top: 30px;
  width: 250px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 2px solid #91aab7;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  text-align: center;
}

.button-4 {
  width: 250px;
  float: right;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  text-align: center;
}

.image-96 {
  padding-bottom: 10px;
}

.container-53 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.me-h-img {
  padding-bottom: 30px;
  text-align: center;
}

.product-showcase-survey {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: rgba(145, 170, 183, 0.3);
}

.product-showcase-survey.product-survey-text {
  padding-bottom: 90px;
  background-color: #dedbdd;
}

.container-54 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-23 {
  padding-top: 0px;
  padding-bottom: 30px;
}

.process-text {
  padding-top: 40px;
}

.heading-66 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-66.survey-left-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.paragraph-22 {
  padding: 10px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-47 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
  font-weight: 700;
}

.image-97 {
  padding-top: 50px;
}

.image-97.the-product-img {
  padding-top: 80px;
}

.text-block-48 {
  padding: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.homepage-hero {
  margin-top: 95px;
  padding-top: 40px;
  padding-bottom: 30px;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #090a0f, #1b2735);
}

.homepage-hero-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-24 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.homepage-hero-text {
  padding-top: 50px;
}

.black-nav {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  z-index: 10;
  background-color: #4f4955;
  font-family: 'Open Sans', sans-serif;
}

.black-nav.food-trek-nav {
  background-color: #2b292f;
}

.food-trek-contact-link {
  padding-top: 40px;
  color: #fff;
}

.food-trek-contact-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.food-trek-about-link {
  padding-top: 40px;
  color: #fff;
}

.food-trek-about-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.food-trek-portfolio-link {
  padding-top: 40px;
  color: #fff;
}

.food-trek-portfolio-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.image-98 {
  padding-top: 20px;
  padding-bottom: 15px;
}

.food-trek-hero {
  margin-top: 83px;
  padding-top: 0px;
  padding-bottom: 0px;
  background-color: #dedbdd;
}

.container-56 {
  padding-top: 50px;
  padding-bottom: 0px;
}

.image-99 {
  position: relative;
  left: 99px;
  padding: 30px 10px 50px;
}

.heading-67 {
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-align: center;
}

.heading-67.case-study-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 34px;
  text-transform: uppercase;
}

.heading-68 {
  padding: 0px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.heading-68.case-study-h3 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-style: normal;
  text-transform: none;
}

.food-trek-the-problem {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #fff;
}

.container-57 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.find-food-trucks-big-img {
  padding-top: 350px;
  padding-bottom: 350px;
  background-color: #fff;
  background-image: url('../images/food-trek-Find-food-trucks-photo.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.find-food-trucks {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.container-58 {
  padding-top: 30px;
  padding-bottom: 50px;
}

.heading-69 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-69.food-trek-the-solution {
  padding-bottom: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
}

.heading-70 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-70.find-food-trucks-header {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.text-block-49 {
  padding-bottom: 30px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-100 {
  position: relative;
  right: 100px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.order-pay-for-food {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.container-59 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-101 {
  padding: 30px 10px;
}

.heading-71 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  text-decoration: underline;
}

.heading-71.order-food-header {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}

.text-block-50 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-50.create-a-quick {
  padding-bottom: 40px;
  line-height: 40px;
}

.text-block-50.new-noteworthy-text {
  padding-bottom: 40px;
  line-height: 40px;
}

.container-60 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-25 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.paragraph-23 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.heading-72 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-72.trek-the-process {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.container-61 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-26 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.food-trek-survey {
  text-align: center;
}

.survey-text-food-trek {
  margin-top: 70px;
}

.text-block-51 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.text-block-52 {
  padding: 10px 10px 20px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.container-62 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-102 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
}

.text-block-53 {
  padding: 30px 10px 50px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.container-63 {
  padding-top: 70px;
  padding-bottom: 50px;
}

.text-block-54 {
  padding: 40px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-103 {
  padding: 50px 10px;
}

.container-64 {
  padding-top: 30px;
  padding-bottom: 50px;
}

.text-block-55 {
  padding: 20px 10px 40px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-104 {
  padding-bottom: 30px;
}

.image-105 {
  padding-bottom: 30px;
}

.image-106 {
  padding-bottom: 30px;
}

.image-107 {
  padding-bottom: 30px;
}

.image-108 {
  padding-bottom: 30px;
}

.image-109 {
  padding-bottom: 30px;
}

.image-110 {
  padding-bottom: 30px;
}

.image-111 {
  padding-bottom: 30px;
}

.image-112 {
  padding-bottom: 30px;
}

.food-trek-screen-mockups {
  padding-top: 500px;
  padding-bottom: 500px;
  background-color: #2b292f;
  background-image: url('../images/food-trek-Mockups.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.find-food-trucks-mockups {
  padding-top: 20px;
}

.find-food-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-27 {
  padding-top: 40px;
  padding-bottom: 50px;
}

.heading-73 {
  padding: 20px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-73.find-food-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-56 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.image-113 {
  padding-bottom: 30px;
}

.image-114 {
  padding-bottom: 30px;
}

.image-115 {
  padding-bottom: 30px;
}

.image-116 {
  padding-bottom: 30px;
}

.easy-order-pay {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.easy-order-container {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-28 {
  padding-top: 30px;
}

.image-117 {
  padding-bottom: 30px;
}

.image-118 {
  padding-bottom: 30px;
}

.image-119 {
  padding-bottom: 30px;
}

.image-120 {
  padding-bottom: 30px;
}

.heading-74 {
  padding: 20px 10px 30px;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  text-align: center;
}

.heading-74.easy-order-h2 {
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-57 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.text-block-57.screens-show-food-truck {
  padding-bottom: 40px;
  line-height: 40px;
}

.food-trek-final-design {
  padding-bottom: 70px;
  background-color: #fff;
}

.container-67 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-75 {
  padding: 30px 10px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.heading-75.trek-final-design {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-58 {
  padding-right: 10px;
  padding-bottom: 50px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  text-align: center;
}

.food-trek-branding {
  background-color: #fff;
}

.container-68 {
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}

.row-29 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.trek-sketches {
  text-align: center;
}

.image-121 {
  padding-bottom: 30px;
}

.icons {
  text-align: center;
}

.image-122 {
  padding-bottom: 30px;
}

.heading-76 {
  padding: 30px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  text-align: center;
  text-decoration: underline;
}

.heading-76.trek-typography {
  padding-top: 40px;
  padding-bottom: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  text-decoration: none;
}

.food-trek-typography {
  margin-top: 40px;
  padding: 0px 10px 30px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.4);
}

.food-trek-color-palette {
  margin-bottom: 20px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
}

.heading-77 {
  padding: 30px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
}

.heading-77.trek-branding-h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 32px;
  text-transform: uppercase;
}

.text-block-59 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
}

.text-block-60 {
  padding: 40px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.text-block-60.disclaimer {
  line-height: 40px;
  font-style: italic;
  text-align: left;
}

.portfolio-hero {
  margin-top: 95px;
  padding-top: 70px;
  padding-bottom: 100px;
  background-color: #070707;
}

.container-69 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-78 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  text-align: center;
}

.heading-79 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-align: center;
}

.body-4 {
  background-color: #fff;
}

.div-block-2 {
  display: inline-block;
  width: 50%;
  height: 24%;
  float: left;
}

.div-block-3 {
  position: relative;
  top: -504px;
  width: 50%;
  float: right;
}

.div-block-4 {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  display: inline-block;
  width: 50%;
  height: 24%;
  float: right;
}

.div-block-5 {
  display: inline-block;
  width: 50%;
  height: 25%;
  float: left;
}

.div-block-6 {
  display: inline-block;
  width: 50%;
}

.div-block-7 {
  display: inline-block;
  width: 50%;
  float: right;
}

.div-block-8 {
  display: inline-block;
  width: 50%;
  float: left;
}

.div-block-9 {
  display: inline-block;
  width: 5%;
  float: right;
}

.div-block-10 {
  display: inline-block;
  width: 50%;
  float: right;
}

.div-block-11 {
  display: inline-block;
  width: 50%;
  float: right;
}

.like-what-you-see-contact-me {
  padding-top: 20px;
  padding-bottom: 50px;
  background-color: #0098ff;
  background-image: radial-gradient(circle farthest-corner at 50% 0%, #1b2735, #090a0f);
}

.container-70 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.text-block-61 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 40px;
  text-align: center;
}

.button-5 {
  position: relative;
  left: 347px;
  top: 31px;
  width: 250px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 68px;
  border: 2px solid #91aab7;
  background-color: transparent;
  background-image: url('../images/icons8-message.png');
  background-position: 46px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  text-align: center;
}

.button-5:hover {
  background-color: #070707;
}

.div-block-12 {
  display: inline-block;
  width: 50%;
  height: 25%;
  float: right;
  clear: right;
}

.link-block {
  height: 100%;
}

.dribbble {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #070707;
}

.container-71 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-80 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 24px;
  text-align: center;
}

.dribbble-projects {
  padding-top: 200px;
  padding-bottom: 200px;
  background-color: #2b292f;
}

.container-72 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.tools-i-use {
  padding-top: 70px;
  padding-bottom: 100px;
  background-color: #4f4955;
}

.container-73 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-81 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  text-align: center;
}

.row-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-block-62 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.second-group {
  text-align: left;
}

.text-block-63 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
}

.third-group {
  text-align: left;
}

.section-2 {
  margin-top: 95px;
}

.container-74 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.heading-82 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  text-align: center;
}

.heading-82.selection-h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.heading-83 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 35px;
  text-align: center;
}

.heading-83.portfolio-h1 {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 38px;
  line-height: 34px;
}

.div-block-13 {
  width: 50%;
  float: left;
}

.div-block-14 {
  display: inline-block;
  width: 50%;
}

.purrfect-cafe-cube {
  display: inline-block;
  width: 50%;
  padding-right: 0px;
  padding-left: 0px;
  float: left;
}

.div-block-15 {
  display: inline-block;
  width: 50%;
  float: left;
}

.container-75 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.div-block-16 {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.party-of-two-cube {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}

.starfunds-cube {
  display: inline-block;
  padding-right: 0px;
  padding-left: 0px;
}

.column-2 {
  padding-right: 0px;
  padding-left: 0px;
}

.product-showcase-cube {
  padding-right: 0px;
  padding-left: 0px;
}

.image-125 {
  padding-left: 0px;
}

.link-block-2 {
  float: left;
}

.link-block-3 {
  float: right;
}

.link-block-4 {
  float: left;
}

.link-block-5 {
  float: left;
}

.link-block-6 {
  float: right;
}

.link-block-7 {
  float: left;
}

.link-block-8 {
  float: right;
}

.body-5 {
  background-color: #fff;
}

.party-of-two-box {
  padding-right: 0px;
  padding-left: 0px;
}

.starfunds-square {
  padding-right: 0px;
  padding-left: 0px;
}

.purrfect-square {
  padding-right: 0px;
  padding-left: 0px;
}

.product-showcase-square {
  padding-right: 0px;
  padding-left: 0px;
}

.food-trek-square {
  padding-right: 0px;
  padding-left: 0px;
}

.coming-soon-square {
  padding-right: 0px;
  padding-left: 0px;
}

.like-what-you-see-home {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #2b292f;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.container-76 {
  padding-top: 30px;
  padding-bottom: 70px;
}

.text-block-64 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 24px;
  line-height: 50px;
  font-weight: 600;
  text-align: center;
}

.button-6 {
  position: relative;
  left: 345px;
  top: 34px;
  width: 250px;
  float: none;
  border: 2px solid #91aab7;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  text-align: center;
}

.button-6:hover {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #070707;
}

.contact-me-portfolio-bttn {
  position: relative;
  left: 343px;
  top: 31px;
  width: 250px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 62px;
  border: 2px solid #91aab7;
  background-color: transparent;
  background-image: url('../images/icons8-message.png');
  background-position: 45px 50%;
  background-size: 30px;
  background-repeat: no-repeat;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
  text-align: center;
}

.contact-me-portfolio-bttn:hover {
  border-color: #070707;
  background-color: #070707;
}

.container-77 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.heading-84 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  text-align: center;
}

.heading-84.more-projects-h2 {
  margin-top: 10px;
  padding-bottom: 50px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 32px;
}

.container-78 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.container-79 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.heading-85 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  text-align: center;
}

.heading-85.tools-i-use-header {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 24px;
}

.text-block-65 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  font-weight: 400;
  text-align: left;
}

.contact {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 400px;
  background-color: #070707;
}

.container-80 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.text-field {
  width: 30%;
  margin-bottom: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 2px solid #91aab7;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
}

.text-field-2 {
  width: 30%;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 2px solid #91aab7;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
}

.body-6 {
  background-color: #070707;
}

.field-label {
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
}

.field-label-2 {
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
}

.form {
  margin-top: 0px;
  padding-left: 100px;
}

.submit-button {
  width: 170px;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 2px solid #91aab7;
  background-color: #1b2735;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
}

.submit-button:hover {
  background-color: #070707;
}

.contact-container {
  padding-top: 150px;
  padding-bottom: 30px;
}

.hello-h1 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 42px;
  text-align: center;
}

.textarea {
  width: 50%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 8px;
  border: 2px solid #91aab7;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 20px;
}

.contact-navbar {
  background-color: #070707;
}

.image-126 {
  padding-top: 20px;
  padding-bottom: 15px;
}

.contact-portfolio-link {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.contact-portfolio-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.contact-about-link {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.contact-about-link:hover {
  color: #91aab7;
  font-weight: 600;
}

.nav-link-4 {
  padding-top: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
}

.nav-link-4:hover {
  color: #91aab7;
  font-weight: 600;
}

.one {
  padding-right: 0px;
  padding-left: 0px;
}

.link-block-9 {
  float: left;
}

.two {
  padding-right: 0px;
  padding-left: 0px;
}

.three {
  padding-right: 0px;
  padding-left: 0px;
}

.image-127 {
  float: left;
}

.four {
  padding-right: 0px;
  padding-left: 0px;
}

.button-8 {
  display: block;
  width: 290px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  border: 2px solid #91aab7;
  background-color: transparent;
  color: #91aab7;
  font-size: 20px;
  text-align: center;
  text-transform: uppercase;
}

.party-of-two-home {
  padding-right: 0px;
  padding-left: 0px;
}

.starfunds-home {
  position: relative;
  display: inline-block;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
}

.purrfect-cafe-home {
  padding-right: 0px;
  padding-left: 0px;
}

.product-showcase-home {
  padding-right: 0px;
  padding-left: 0px;
}

.container-82 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.button-9 {
  display: block;
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
}

.button-9:hover {
  border-style: solid;
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.design-process-container {
  padding: 30px 10px;
}

.container-84 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.like-what-you-see-container {
  padding-top: 30px;
  padding-bottom: 30px;
}

.field-label-3 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

.text-field-3 {
  width: 90%;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 2px solid #fff;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-field-3:hover {
  border-color: #8f00ff;
}

.text-field-3:focus {
  border-color: #8f00ff;
}

.field-label-4 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

.text-field-4 {
  width: 90%;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 2px solid #fff;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
}

.text-field-4:hover {
  border-color: #8f00ff;
}

.text-field-4:focus {
  border-color: #8f00ff;
}

.submit-button-2 {
  width: 200px;
  margin-top: 40px;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
}

.submit-button-2:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.textarea-2 {
  width: 90%;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 2px solid #fff;
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
}

.textarea-2:hover {
  border-color: #8f00ff;
}

.textarea-2:focus {
  border-color: #8f00ff;
}

.form-2 {
  margin-top: 50px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.success-message {
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
  font-size: 30px;
  font-weight: 600;
}

.error-message {
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #ff5c00;
  font-size: 20px;
  font-weight: 600;
}

.image-128 {
  margin-bottom: 0px;
}

.image-129 {
  margin-right: 0px;
  padding-right: 10px;
}

.image-130 {
  padding-bottom: 30px;
}

.review-order {
  text-align: center;
}

.checkout {
  text-align: center;
}

.guest-checkout {
  text-align: center;
}

.image-131 {
  width: 50%;
  float: right;
}

.image-132 {
  width: 50%;
}

.link-block-10 {
  width: 100%;
}

.link-block-11 {
  width: 100%;
}

.row-31 {
  display: inline-block;
}

._1 {
  margin-right: -9px;
}

.image-133 {
  display: block;
}

.image-134 {
  display: block;
}

.column-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.column-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.column-5 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-6 {
  padding-right: 0px;
  padding-left: 0px;
}

.party {
  position: absolute;
  width: 100%;
  height: 550px;
  background-image: url('../images/Party-of-Two.png');
  background-position: 50% 50%;
  background-size: cover;
}

.star {
  width: 100%;
  height: 550px;
  background-image: url('../images/StarFunds-Home.png');
  background-position: 50% 50%;
  background-size: cover;
}

.text-wrapper {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px;
  background-color: #5a5c8a;
}

.heading-87 {
  color: #fff;
}

.heading-88 {
  color: #fff;
}

.div-block-17 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  padding: 20px;
}

.test-1 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 103%;
  height: 550px;
  padding: 20px;
  background-image: url('../images/Party-of-Two.png');
  background-position: 50% 50%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.test-2 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 103%;
  height: 550px;
  background-image: url('../images/StarFunds-Home.png');
  background-position: 50% 50%;
  background-size: 722px;
  background-repeat: no-repeat;
}

.link-block-12 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
  background-image: url('../images/Party-of-Two.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link-block-13 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
  background-image: url('../images/StarFunds-Home.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link-block-14 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 500px;
}

.link-block-15 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline;
  width: 100%;
}

.link-block-16 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: inline;
}

.column-7 {
  padding-right: 0px;
  padding-left: 0px;
}

.party-of-two-homepage:hover {
  background-image: url('../images/Party-of-Two-hover.png');
  background-position: 50% 50%;
  background-size: 722px;
  background-repeat: no-repeat;
  opacity: 1;
}

.column-8 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-9 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-10 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-11 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-12 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-13 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-14 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-15 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-16 {
  padding-right: 0px;
  padding-left: 0px;
}

.container-86 {
  padding-top: 10px;
}

.cat-cafe-img {
  margin-top: 10px;
  padding-top: 80px;
}

.like-what-you-see-section {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #4f4955;
}

.container-87 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.row-32 {
  text-align: right;
}

.column-17 {
  padding-right: 0px;
  padding-left: 0px;
}

.button-10 {
  width: 170px;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.button-10:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.button-10.party-button {
  border-color: #fff;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: #fff;
}

.button-10.party-button:hover {
  border-color: transparent;
  color: #fff;
}

.button-10.starfunds-button {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-10.starfunds-button:hover {
  color: #fff;
}

.button-10.purrfect-button-prev {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-10.purrfect-button-prev:hover {
  border-color: transparent;
  color: #fff;
}

.button-10.product-showcase-prev-button {
  width: 140px;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-10.product-showcase-prev-button:hover {
  border-color: transparent;
  color: #fff;
}

.column-18 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: left;
}

.button-11 {
  width: 170px;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-align: center;
}

.button-11:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.button-11.purrfect-button {
  border-color: #fff;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  color: #fff;
}

.button-11.purrfect-button:hover {
  border-color: transparent;
  color: #fff;
}

.button-11.product-showcase-button {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-11.product-showcase-button:hover {
  border-color: transparent;
}

.button-11.food-trek-button {
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-11.food-trek-button:hover {
  border-color: transparent;
}

.button-11.party-of-two-next-button {
  width: 140px;
  border-color: #fff;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
}

.button-11.party-of-two-next-button:hover {
  border-color: transparent;
}

.heading-89 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}

.heading-89.like-what-you-see-section-text {
  margin-top: 30px;
  padding: 30px 10px 20px;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
}

.button-12 {
  display: block;
  width: 200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.button-12:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.container-88 {
  padding-top: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.heading-90 {
  margin-top: 20px;
  margin-bottom: 30px;
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #4f4955;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
}

.text-block-66 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #5c5d66;
}

.section-3 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #2b292f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707)), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
  background-image: linear-gradient(180deg, #070707, #070707), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.section-4 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #2b292f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707)), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
  background-image: linear-gradient(180deg, #070707, #070707), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.section-5 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #2b292f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707)), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
  background-image: linear-gradient(180deg, #070707, #070707), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.section-6 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #2b292f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707)), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
  background-image: linear-gradient(180deg, #070707, #070707), radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.container-89 {
  padding-top: 50px;
}

.column-19 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.link-block-17 {
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.div-block-18 {
  position: absolute;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
}

.heading-91 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  margin-top: 100px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
}

.column-20 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.link-block-18 {
  position: relative;
}

.div-block-19 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.heading-92 {
  color: #fff;
}

.starfunds-hover {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.starfunds-hover:hover {
  opacity: 1;
}

.home-hero {
  margin-top: 95px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at 50% 100%, #431b64, #151249);
  overflow:hidden; //needed to contain stars
}

.container-90 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.welcome-to-my-design-space {
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #070707;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.column-21 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.party-of-two-photo {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.party-of-two-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.party-of-two-hover-img {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.party-of-two-hover-img:hover {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.party-of-two-home-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.column-22 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.starfunds-home-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.starfunds-homepage-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.starfunds-hover-div {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 1;
}

.starfunds-hover-div:hover {
  opacity: 1;
}

.starfunds-hover-img {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
}

.starfunds-hover-div-img {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.starfunds-hover-img-home {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.starfunds-hover-img-home:hover {
  opacity: 1;
}

.column-23 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.link-block-19 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.purrfect-home-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.div-block-20 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.purrfect-hover-img {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.purrfect-hover-img:hover {
  opacity: 1;
}

.column-24 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.product-showcase-link-block {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.product-showcase-home-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.product-showcase-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.product-showcase-hover-img {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.product-showcase-hover-img:hover {
  opacity: 1;
}

.view-full-portfolio-section {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #070707;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707));
  background-image: linear-gradient(180deg, #070707, #070707);
}

.ux-ui-design-section {
  padding-top: 60px;
  padding-bottom: 100px;
  background-color: #dedbdd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dedbdd), to(#dedbdd));
  background-image: linear-gradient(180deg, #dedbdd, #dedbdd);
}

.hermione-computer-img {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: transparent;
  background-image: radial-gradient(circle farthest-corner at 50% 100%, #1b2735, #090a0f);
}

.hermione-computer {
  padding-top: 50px;
  padding-bottom: 50px;
}

.image-135 {
  box-shadow: 1px 1px 3px 0 #000;
}

.recommendations-section {
  padding: 50px 0px 80px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5a5c8a), to(#5a5c8a)), radial-gradient(circle farthest-corner at 50% 50%, #5a5c8a, #090a0f);
  background-image: linear-gradient(180deg, #5a5c8a, #5a5c8a), radial-gradient(circle farthest-corner at 50% 50%, #5a5c8a, #090a0f);
}

.text-block-67 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  font-weight: 600;
  text-align: center;
}

.block-quote {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
}

.text-block-68 {
  opacity: 0.5;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 34px;
  font-weight: 400;
  text-align: center;
  text-transform: none;
}

.text-block-69 {
  opacity: 0.5;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
}

.recommendations-slider {
  display: block;
  width: auto;
  background-color: transparent;
}

.like-what-you-see-homepage {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #070707;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background-image: linear-gradient(180deg, #000, #000);
}

.column-25 {
  display: block;
  padding-top: 0px;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: center;
}

.column-26 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-27 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-28 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-29 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.food-trek-link-block {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.food-trek-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.div-block-21 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.food-trek-hover {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.food-trek-hover:hover {
  opacity: 1;
}

.column-30 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.coming-soon-link-block {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.coming-soon-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.div-block-22 {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.coming-soon-hover-img {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.coming-soon-hover-img:hover {
  opacity: 1;
}

.like-what-you-see-portfolio {
  padding-top: 70px;
  padding-bottom: 70px;
  background-color: #070707;
}

.more-projects-section {
  padding-top: 100px;
  padding-bottom: 140px;
  background-color: #2b292f;
}

.dribbble-links {
  padding-top: 50px;
  padding-bottom: 50px;
  background-image: radial-gradient(circle farthest-corner at 50% 50%, #1b2735, #090a0f);
}

.container-91 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.recommendations-div {
  width: 70%;
}

.div-block-23 {
  display: block;
  width: 70%;
  height: 100%;
  margin-right: auto;
  margin-left: auto;
}

.div-block-24 {
  display: block;
  width: 70%;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
}

.paragraph-24 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 35px;
  font-weight: 600;
}

.heading-93 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  text-align: center;
}

.text-block-70 {
  opacity: 0.5;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  line-height: 24px;
  text-align: center;
}

.slide-nav {
  bottom: -72px;
}

.body-7 {
  overflow: visible;
  background-color: #070707;
}

.body-8 {
  background-color: #070707;
}

.image-139 {
  display: inline;
}

.parent-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 94px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.parent-div.parent-div-2 {
  margin-top: 0px;
}

.column-img {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: center;
}

.link-2 {
  text-align: center;
}

.flex-div-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.link-3 {
  text-align: center;
}

.link-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.parent-cont {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 95px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.div-hover {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
}

.image-140 {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-140:hover {
  opacity: 1;
}

.image-141 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-141:hover {
  opacity: 1;
}

.image-142 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-142:hover {
  opacity: 1;
}

.image-143 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-143:hover {
  opacity: 1;
}

.image-144 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-144:hover {
  opacity: 1;
}

.image-145 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-145:hover {
  opacity: 1;
}

.row-33 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.column-31 {
  position: static;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.row-34 {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-146 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.column-32 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.link-block-20 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-33 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.image-147 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.link-block-21 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-34 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.link-block-22 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-148 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.column-35 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.link-block-23 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.image-149 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.flex-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.flex-item {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.column-36 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-37 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-38 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-39 {
  padding-right: 0px;
  padding-left: 0px;
}

.row-35 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row-36 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.column-40 {
  display: block;
  padding-right: 0px;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.column-41 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-42 {
  padding-right: 0px;
  padding-left: 0px;
}

.hover-div {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.image-150 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-150:hover {
  opacity: 0.9;
}

.image-151 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-151:hover {
  opacity: 0.9;
}

.image-152 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-152:hover {
  opacity: 0.9;
}

.image-153 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-153:hover {
  opacity: 0.9;
}

.first-column {
  padding-right: 0px;
  padding-left: 0px;
}

.image-154 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-154:hover {
  opacity: 0.9;
}

.link-5 {
  font-weight: 600;
  text-decoration: none;
}

.link-5:hover {
  color: #9e00c6;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #090a0f;
  background-image: radial-gradient(circle farthest-corner at 50% 100%, #1b2735, #090a0f);
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.body-9 {
  background-image: radial-gradient(circle farthest-corner at 50% 100%, #1b2735, #090a0f);
}

.div-block-25 {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
}

.column-43 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-44 {
  padding-left: 10px;
}

.column-45 {
  padding-top: 107px;
  padding-right: 0px;
  padding-left: 0px;
}

.image-155 {
  box-shadow: 1px 1px 3px 0 #000;
}

.text-block-71 {
  font-family: 'Open Sans', sans-serif;
  color: #91aab7;
}

.heading-94 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #91aab7;
}

.column-46 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-47 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-48 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-49 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-50 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-51 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-52 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-53 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.column-54 {
  padding-right: 0px;
  padding-left: 0px;
  text-align: center;
}

.section-7 {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#070707), to(#070707));
  background-image: linear-gradient(180deg, #070707, #070707);
}

.portfolio-section {
  background-color: #070707;
}

.am-photography-hero {
  margin-top: 96px;
  background-color: #5c5d66;
}

.photography-hero-container {
  padding-top: 40px;
}

.alisa-matthews-photography-h1 {
  margin-bottom: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  background-color: #5c5d66;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 40px;
  line-height: 40px;
  text-align: center;
}

.heading-95 {
  padding-right: 10px;
  padding-bottom: 30px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

.image-156 {
  padding: 10px;
}

.container-92 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.photography-intro-p {
  margin-top: 10px;
  padding: 0px 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
}

.photography-the-problem {
  background-color: rgba(145, 170, 183, 0.3);
}

.heading-96 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 24px;
  line-height: 44px;
  text-align: left;
  text-transform: uppercase;
}

.photography-problem-p {
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  line-height: 35px;
}

.photography-prob-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

.photography-final-1 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
}

.photography-final-2 {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  text-align: center;
}

.image-157 {
  text-align: left;
}

.column-55 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.column-56 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
}

.image-158 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
}

.div-block-26 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.div-block-26:hover {
  background-image: url('../images/example-bg.png');
  background-position: 0px 0px;
  background-size: 125px;
}

.professional-work-link:hover {
  background-image: url('../images/Professional-Work-Hover.png');
  background-position: 50% 50%;
  background-size: 1440px;
}

.image-159 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.image-160 {
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.professional-work-img:hover {
  opacity: 0;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

.image-161 {
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.image-161:hover {
  opacity: 1;
}

.image-162 {
  opacity: 0;
}

.image-163 {
  padding-top: 0px;
}

.image-164 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.professional-hover {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
}

.professional-hover:hover {
  opacity: 1;
}

.home-desk-img {
  padding-bottom: 0px;
  text-align: left;
}

.slider {
  display: block;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  background-color: #2b292f;
}

.slide-1 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recommendation-p {
  margin-top: 0px;
  margin-right: 60px;
  margin-left: 60px;
  padding-top: 0px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
  text-align: left;
}

.slider-text-container {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  text-align: left;
}

.recommendation-name {
  margin-top: 40px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 22px;
  line-height: 24px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
}

.recommendation-title {
  opacity: 1;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
}

.recommendation-location {
  opacity: 0.5;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
  text-align: center;
}

.slide-2 {
  position: relative;
  display: block;
  padding-top: 40px;
  padding-right: 0px;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.recommendations-sec {
  display: block;
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #2b292f;
}

.slide-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.mask {
  position: static;
  display: block;
  margin-right: 40px;
  margin-left: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-4 {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.recommendation-text-div {
  padding-top: 80px;
}

.slide-5 {
  display: block;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.slide-6 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-7 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slide-wrapper {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 20px;
  padding-bottom: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.right-arrow {
  right: 0px;
}

.icon-2 {
  opacity: 0;
}

.icon-3 {
  margin-left: 0px;
  opacity: 0;
}

.left-arrow {
  left: 0px;
}

.slide-nav-2 {
  bottom: -40px;
}

.welcome-h3 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.welcome-h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size: 38px;
  line-height: 34px;
  text-align: center;
}

.column-57 {
  text-align: center;
}

.deliverables-h4 {
  margin-top: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.deliverables-text {
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
}

.intro-specs {
  margin-top: 120px;
  border-style: solid none none;
  border-width: 1px;
  border-color: rgba(43, 41, 47, 0.15) #000 #000;
}

.column-58 {
  text-align: center;
}

.responsibility-h4 {
  margin-top: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.responsibilities-text {
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
}

.column-59 {
  text-align: center;
}

.tools-softwares-h4 {
  margin-top: 20px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

.tools-softwares-text {
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
}

.survey-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}

.heading-97 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-98 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 20px;
  line-height: 44px;
  font-weight: 600;
  text-transform: uppercase;
}

.wireframes-h {
  padding-top: 50px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-99 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: uppercase;
}

.heading-100 {
  font-family: 'Source Sans Pro', sans-serif;
  text-transform: none;
}

.survey-h {
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-101 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.swot-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.swot-h2.testing-h2 {
  color: #fff;
}

.user-flows-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-102 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-103 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.personas-h {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-104 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  line-height: 36px;
  text-align: center;
  text-transform: uppercase;
}

.heading-105 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-106 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-107 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-108 {
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-109 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.heading-110 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-111 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-112 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-113 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.heading-114 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-115 {
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-align: center;
  text-transform: uppercase;
}

.heading-116 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.heading-117 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  text-align: center;
  text-transform: uppercase;
}

.case-study-h1-light {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #070707;
  line-height: 34px;
  text-align: center;
  text-transform: uppercase;
}

.case-study-h3-light {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #070707;
  font-size: 24px;
  font-weight: 400;
  text-align: center;
}

.container-93 {
  padding-top: 40px;
}

.container-94 {
  padding-top: 20px;
}

.body-10 {
  background-color: #fff;
}

.body-11 {
  background-color: #fff;
}

.body-12 {
  background-color: #fff;
}

.body-13 {
  background-color: #fff;
}

.confession-h1 {
  margin-bottom: 20px;
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 38px;
  line-height: 34px;
  text-transform: uppercase;
}

.container-97 {
  padding-top: 40px;
  text-align: center;
}

.ux-ui-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  font-size: 32px;
  font-weight: 700;
  text-decoration: none;
  text-transform: none;
}

.heading-119 {
  font-family: 'Source Sans Pro', sans-serif;
}

.case-study-h1-dark {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.case-study-h3-dark {
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-weight: 400;
  text-align: center;
}

.photo-ui-elements {
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.container-98 {
  text-align: center;
}

.party-of-2-typography {
  margin-top: 40px;
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.color-palette-1 {
  padding-bottom: 40px;
}

.blocbox-hero {
  margin-top: 83px;
  background-color: #dedbdd;
}

.invision-btn {
  margin-top: 40px;
  margin-right: 325px;
  margin-left: 325px;
  padding: 15px 20px;
  border: 2px solid #9e00c6;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #9e00c6;
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.invision-btn:hover {
  border-style: solid;
  border-color: transparent;
  background-color: #9e00c6;
  color: #fff;
}

.link-6 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

.link-6:hover {
  font-weight: 600;
}

.content-organization {
  padding-bottom: 40px;
  background-color: #dedbdd;
}

.one-location-storage {
  background-color: #dedbdd;
}

.nexxus-img {
  padding-top: 40px;
}

.image-165 {
  padding-bottom: 20px;
}

.image-166 {
  padding-bottom: 20px;
}

.image-167 {
  padding-bottom: 20px;
}

.image-168 {
  padding-bottom: 20px;
}

.image-169 {
  padding-bottom: 20px;
}

.image-170 {
  padding-bottom: 20px;
}

.image-171 {
  padding-bottom: 20px;
}

.image-172 {
  padding-bottom: 20px;
}

.image-173 {
  padding-bottom: 20px;
}

.organize-all-your-content {
  padding-top: 150px;
  padding-bottom: 150px;
}

.access-your-content {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #dedbdd;
}

.blocbox-typography {
  box-shadow: 1px 1px 3px 0 rgba(79, 73, 85, 0.5);
}

.professional-hover-img:hover {
  opacity: 0.9;
}

.front-row-hero {
  margin-top: 82px;
  padding-bottom: 40px;
  background-color: #dedbdd;
}

.the-story-h2 {
  padding-right: 10px;
  padding-left: 10px;
  font-family: 'Source Sans Pro', sans-serif;
  color: #2b292f;
  text-transform: uppercase;
}

.coaches-tools {
  padding-top: 10px;
  padding-bottom: 50px;
  background-color: #dedbdd;
}

.create-playlists {
  padding-bottom: 40px;
  background-color: #dedbdd;
}

.row-37 {
  margin-top: 120px;
}

.column-60 {
  text-align: center;
}

.column-61 {
  text-align: center;
}

.column-62 {
  text-align: center;
}

.testing {
  padding-top: 220px;
  padding-bottom: 220px;
  background-image: url('../images/checkout.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: repeat;
  background-attachment: fixed;
}

.testing.starfunds-testing {
  background-image: url('../images/starfunds-testing.png');
}

.testing.party-of-two-testing {
  background-image: url('../images/party-of-two-testing.png');
}

.testing.purrfect-testing {
  background-image: url('../images/purrfect-testing.png');
}

.testing.food-trek-testing {
  background-image: url('../images/food-trek-testing.png');
}

.testing.blocbox-testing {
  background-image: url('../images/blocbox-testing.png');
}

.front-row-fixed-img {
  padding-top: 400px;
  padding-bottom: 400px;
  background-color: #4f4955;
  background-image: url('../images/Image_1.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section-9 {
  padding-top: 500px;
  padding-bottom: 500px;
  background-color: #4f4955;
  background-image: url('../images/blocbox-laptop-Image.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.blocbox-fixed-image {
  padding-top: 370px;
  padding-bottom: 370px;
  background-color: #4f4955;
  background-image: url('../images/blocbox-laptop-Image.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.photography-fixed-img {
  padding-top: 350px;
  padding-bottom: 350px;
  background-color: #fff;
  background-image: url('../images/Photography-devices-photo.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.whats-a-cat-cafe {
  background-color: #dedbdd;
}

.column-63 {
  padding-top: 20px;
  text-align: center;
}

.column-64 {
  opacity: 0;
}

.column-65 {
  opacity: 0;
}

.invision-link {
  margin-top: 20px;
  text-align: center;
}

.column-66 {
  opacity: 0;
}

.column-67 {
  opacity: 0;
}

.column-68 {
  margin-top: 20px;
  text-align: center;
}

.column-69 {
  opacity: 0;
}

.column-70 {
  opacity: 0;
}

.column-71 {
  opacity: 0;
}

.column-72 {
  opacity: 0;
}

.column-73 {
  opacity: 0;
}

.column-74 {
  opacity: 0;
}

.row-38 {
  margin-top: 70px;
}

.column-75 {
  text-align: center;
}

.column-76 {
  text-align: center;
}

.survey-stats-text {
  padding-right: 10px;
  padding-bottom: 20px;
  padding-left: 10px;
  font-family: 'Open Sans', sans-serif;
  color: #2b292f;
  font-size: 20px;
  line-height: 40px;
  font-style: italic;
}

.text-block-72 {
  line-height: 35px;
}

.link-7 {
  color: #8f00ff;
}

.link-8 {
  color: #8f00ff;
}

.container-99 {
  margin-top: 82px;
  padding-top: 50px;
  padding-bottom: 40px;
}

.pph-hero {
  margin-top: 82px;
  padding-top: 40px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dedbdd), to(#dedbdd));
  background-image: linear-gradient(180deg, #dedbdd, #dedbdd);
}

.container-100 {
  padding-top: 50px;
}

.image-179 {
  padding: 30px 10px 0px;
  text-align: center;
}

.link-9 {
  font-family: 'Source Sans Pro', sans-serif;
  color: #8f00ff;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
}

.link-9:hover {
  font-weight: 600;
}

.pph-img-2 {
  padding-top: 370px;
  padding-bottom: 370px;
  background-color: #dedbdd;
  background-image: url('../images/PPH-img-2.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.the-solution-3 {
  padding-top: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dedbdd), to(#dedbdd)), -webkit-gradient(linear, left top, left bottom, from(#dedbdd), to(#dedbdd));
  background-image: linear-gradient(180deg, #dedbdd, #dedbdd), linear-gradient(180deg, #dedbdd, #dedbdd);
}

.the-solution-4 {
  padding-top: 20px;
  padding-bottom: 50px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dedbdd), to(#dedbdd));
  background-image: linear-gradient(180deg, #dedbdd, #dedbdd);
}

.button-13 {
  width: 170px;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  text-align: center;
}

.button-13:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.button-14 {
  display: block;
  width: 200px;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
}

.button-14:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.button-15 {
  width: 170px;
  padding: 15px 20px;
  border: 2px solid #fff;
  background-color: transparent;
  -webkit-transition: background-color 500ms ease;
  transition: background-color 500ms ease;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  text-align: center;
}

.button-15:hover {
  border-color: transparent;
  background-color: #8f00ff;
  color: #fff;
}

.image-181 {
  padding-bottom: 0px;
}

.container-101 {
  padding-top: 40px;
}

.container-102 {
  padding-top: 40px;
}

html.w-mod-js *[data-ix="scroll-dissolve"] {
  opacity: 1;
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
}

@media (max-width: 991px) {
  .hero {
    width: 100%;
    height: 800px;
  }
  .div-block {
    width: 638px;
    height: 728px;
  }
  .hero-img {
    position: relative;
    margin-top: 30px;
    margin-right: 30px;
    float: right;
    box-shadow: 1px 1px 3px 0 #000;
  }
  .contact-me-bttn {
    width: 180px;
  }
  .contact-me-bttn:hover {
    width: 180px;
  }
  .logo {
    max-width: 90%;
    margin-left: 18px;
  }
  .heading.seamless-design-h4 {
    font-size: 24px;
    font-style: normal;
  }
  .ux-ui-design-p {
    font-size: 20px;
    line-height: 36px;
  }
  .contact-me-button {
    width: 180px;
  }
  .contact-me-button:hover {
    width: 180px;
  }
  .contact-link {
    color: #fff;
  }
  .about-link {
    color: #fff;
  }
  .portfolio-link {
    color: #fff;
  }
  .starfunds-icon-ham {
    color: #fff;
  }
  .starfunds-icon-ham.portfolio-ham {
    color: #fff;
  }
  .menu-button {
    margin-top: 35px;
    border-style: none;
    border-color: #91aab7;
  }
  .menu-button.home-menu {
    margin-top: 20px;
  }
  .menu-button.home-menu.w--open {
    background-color: #070707;
  }
  .menu-button.party-menu.w--open {
    background-color: #2b292f;
  }
  .menu-button.starfunds-menu.w--open {
    background-color: #5a5c8a;
  }
  .menu-button.portfolio-menu.w--open {
    background-color: #090a0f;
  }
  .a-recommendation {
    padding-bottom: auto;
  }
  .pronounced-h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .alyssa-h3 {
    font-size: 28px;
    line-height: 30px;
  }
  .vietnamese-h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .german-h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .raised-h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .living-h2 {
    font-size: 24px;
    line-height: 28px;
  }
  .download-resume-bttn {
    width: 250px;
    font-size: 16px;
  }
  .contact-me {
    position: static;
    width: 250px;
  }
  .button {
    position: static;
    right: 0px;
    width: 250px;
  }
  .recommendations-text {
    margin-right: 30px;
    margin-left: 30px;
  }
  .hero-section.party-of-two-hero {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .intro {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .intro.purrfect-intro {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .intro.trek-intro {
    padding-top: 80px;
    padding-bottom: 70px;
  }
  .intro.product-showcase-intro {
    padding-top: 90px;
    padding-bottom: 90px;
  }
  .intro.front-row-intro {
    padding-bottom: 80px;
  }
  .intro-p {
    padding-right: 15px;
    padding-left: 15px;
  }
  .intro-p.trek-intro-text {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .the-problem {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .the-problem.the-problem-party-of-two {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .the-problem.starfunds-the-problem-section {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .heading-21.the-problem-purrfect {
    padding-top: 30px;
  }
  .problem-p {
    padding-right: 15px;
    padding-left: 15px;
  }
  .happy-couples-img {
    padding-top: 123px;
    padding-bottom: 123px;
    background-size: contain;
  }
  .paragraph-10.solution-p {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-7 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .paragraph-11 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container-8 {
    padding-top: 0px;
  }
  .image-8 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .brainstorming-h2 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .paragraph-12 {
    padding-left: 15px;
  }
  .image-10.photo-mind-map {
    padding-top: 100px;
    padding-right: 15px;
  }
  .image-10.party-of-2-mind-map {
    padding-top: 50px;
  }
  .survey {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .survey.party-of-2-survey {
    padding-bottom: 40px;
  }
  .paragraph-13 {
    padding-right: 15px;
    padding-bottom: 40px;
    padding-left: 15px;
  }
  .image-11 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .image-11.logo-sketches {
    padding-left: 15px;
  }
  .text-block-6 {
    padding-top: 0px;
  }
  .text-block-6.party-of-2-text-block {
    font-size: 18px;
    line-height: 40px;
  }
  .personas {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .image-12 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .swot-analysis {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .swot-text.starfunds-swot {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-9 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-10.starfunds-swot-list {
    padding-right: 15px;
  }
  .user-flows {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wireframes {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .wireframe-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  .wireframe-1 {
    text-align: center;
  }
  .image-30 {
    position: relative;
    right: 10%;
  }
  .final-design.photography-final-design {
    padding-bottom: 50px;
  }
  .final-design.blocbox-final-design {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .final-design.final-thoughts {
    padding-top: 20px;
    padding-bottom: 110px;
  }
  .final-design-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  .final-design-text.blocbox-final-design-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  .branding {
    padding-top: 10px;
    padding-bottom: 50px;
  }
  .heading-32.branding-left-h2 {
    padding-top: 0px;
  }
  .text-block-17 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container-14 {
    margin-top: -1px;
  }
  .starfunds-hero {
    padding-top: 0px;
  }
  .bring-your-film-to-life-photo {
    padding-top: 180px;
    padding-bottom: 180px;
    background-size: contain;
  }
  .text-block-20.new-noteworthy-text {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-21.using-the-search-bar {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-41 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-42 {
    padding-top: 150px;
  }
  .image-42.blocbox-mind-map-img {
    padding-top: 70px;
  }
  .text-block-23 {
    font-size: 20px;
    line-height: 40px;
  }
  .text-block-23.blocbox-survey-text {
    padding-top: 0px;
  }
  .heading-42.as-a-donor-heading {
    margin-top: 20px;
  }
  .text-block-24 {
    font-size: 20px;
    line-height: 40px;
  }
  .image-44 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-25 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container-23 {
    padding-top: 40px;
  }
  .image-45 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .easy-campaign-setup-text {
    padding-top: 0px;
  }
  .container-31 {
    padding-top: 30px;
  }
  .purrfect-hero {
    padding-bottom: 20px;
  }
  .image-65 {
    margin-left: 18px;
  }
  .image-66 {
    max-width: 90%;
    margin-left: 18px;
  }
  .about-portfolio-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-portfolio-link.about-nav-link:hover {
    font-weight: 400;
  }
  .about-portfolio-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-portfolio-link.about-nav-link:hover {
    font-weight: 400;
  }
  .about-about-link {
    color: #2b292f;
    font-weight: 600;
  }
  .about-about-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-about-link.about-nav-link:hover {
    color: #9e00c6;
    font-weight: 400;
  }
  .about-about-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-about-link.about-nav-link:hover {
    color: #9e00c6;
    font-weight: 400;
  }
  .about-contact-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-contact-link.about-nav-link:hover {
    font-weight: 400;
  }
  .about-contact-link.about-nav-link {
    color: #2b292f;
    font-weight: 400;
  }
  .about-contact-link.about-nav-link:hover {
    font-weight: 400;
  }
  .cat-img {
    padding-top: 180px;
    padding-bottom: 180px;
    background-size: contain;
  }
  .heading-48.what-is-a-cat-cafe-header {
    padding-bottom: 0px;
  }
  .heading-48.list-activites-header {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .list-activities-available {
    padding-top: 40px;
  }
  .image-68.purrfect-mind-map-img {
    padding-top: 100px;
  }
  .text-block-27 {
    padding-top: 50px;
    font-size: 18px;
  }
  .text-block-34 {
    padding: 10px 10px 30px;
  }
  .text-block-35 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .heading-50.homepage-and-activities-h2 {
    padding-top: 10px;
  }
  .easy-checkout-process {
    padding-bottom: 10px;
  }
  .heading-51.easy-checkout-h2 {
    padding-top: 10px;
  }
  .review-cart-payment-options {
    padding-bottom: 10px;
  }
  .heading-52.review-cart-h2 {
    padding-top: 10px;
  }
  .create-an-account {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-54.purrfect-final-design-h2 {
    padding-top: 10px;
  }
  .branding-section {
    padding-top: 10px;
  }
  .container-44 {
    padding-top: 30px;
  }
  .heading-55.purrfect-branding-h2 {
    padding-top: 0px;
  }
  .image-85 {
    margin-left: 18px;
  }
  .product-showcase-hero {
    padding-top: 0px;
  }
  .container-45 {
    margin-top: -1px;
  }
  .mobile-phone-img {
    padding-top: 180px;
    padding-bottom: 180px;
    background-size: contain;
  }
  .survey-product-img {
    text-align: center;
  }
  .image-97.the-product-img {
    padding-top: 120px;
  }
  .homepage-hero-text {
    padding-top: 20px;
  }
  .image-98 {
    margin-left: 18px;
  }
  .food-trek-hero {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-56 {
    margin-top: -1px;
  }
  .image-99 {
    left: 0px;
    padding-right: 20px;
    padding-left: 20px;
  }
  .product-shocase-icon-ham {
    color: #fff;
  }
  .food-trek-icon-ham {
    color: #fff;
  }
  .about-icon-ham {
    color: #2b292f;
  }
  .menu-button-2 {
    margin-top: 35px;
  }
  .menu-button-2.about-menu {
    margin-top: 20px;
    background-color: #dedbdd;
  }
  .menu-button-2.about-menu.w--open {
    background-color: #dedbdd;
  }
  .menu-button-3 {
    margin-top: 35px;
  }
  .menu-button-3.purrfect-menu.w--open {
    background-color: #5a5c8a;
  }
  .menu-button-3.about-menu {
    margin-top: 20px;
    background-color: #dedbdd;
  }
  .menu-button-3.about-menu.w--open {
    background-color: #dedbdd;
  }
  .menu-button-4 {
    margin-top: 35px;
  }
  .menu-button-4.product-menu.w--open {
    background-color: #4f4955;
  }
  .menu-button-5 {
    margin-top: 35px;
  }
  .menu-button-5.trek-menu.w--open {
    background-color: #2b292f;
  }
  .food-trek-the-problem {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .find-food-trucks-big-img {
    padding-top: 180px;
    padding-bottom: 180px;
    background-size: contain;
  }
  .image-100 {
    right: 75px;
  }
  .survey-text-food-trek {
    margin-top: 40px;
  }
  .text-block-51 {
    font-size: 18px;
    line-height: 34px;
  }
  .text-block-52 {
    padding-bottom: 0px;
  }
  .food-trek-screen-mockups {
    padding-top: 300px;
    padding-bottom: 300px;
    background-size: cover;
  }
  .tools-i-use {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .home-nav {
    background-color: #070707;
  }
  .about-nav {
    background-color: #dedbdd;
    color: #2b292f;
  }
  .party-nav {
    background-color: #2b292f;
  }
  .starfunds-nav {
    background-color: #5a5c8a;
  }
  .purrfect-nav-menu {
    background-color: #5a5c8a;
  }
  .product-nav {
    background-color: #4f4955;
  }
  .trek-nav {
    background-color: #2b292f;
  }
  .contact-me-portfolio-bttn {
    position: relative;
    left: 240px;
  }
  .portfolio-nav {
    background-color: #090a0f;
  }
  .contact {
    padding-bottom: 400px;
  }
  .image-126 {
    margin-left: 18px;
  }
  .contact-portfolio-link {
    color: #fff;
  }
  .contact-about-link {
    color: #fff;
  }
  .nav-link-4 {
    color: #fff;
  }
  .field-label-3 {
    font-size: 18px;
  }
  .text-field-3 {
    width: 95%;
    font-size: 18px;
  }
  .field-label-4 {
    font-size: 18px;
  }
  .text-field-4 {
    width: 95%;
    font-size: 18px;
  }
  .submit-button-2 {
    width: 170px;
    padding: 14px 20px;
    font-size: 18px;
    text-transform: uppercase;
  }
  .textarea-2 {
    width: 95%;
    font-size: 18px;
  }
  .chat-menu {
    margin-top: 40px;
    color: #91aab7;
  }
  .chat-menu.w--open {
    background-color: #070707;
  }
  .chet-nav {
    background-color: #070707;
  }
  .chat-ham {
    color: #fff;
  }
  .image-130 {
    padding-bottom: 10px;
  }
  .party {
    background-size: cover;
    background-repeat: no-repeat;
  }
  .button-10.product-showcase-prev-button {
    width: 130px;
  }
  .button-11.party-of-two-next-button {
    width: 130px;
  }
  .button-12 {
    width: 190px;
  }
  .welcome-to-my-design-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .ux-ui-design-section {
    padding-top: 50px;
  }
  .like-what-you-see-homepage {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .like-what-you-see-portfolio {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .more-projects-section {
    padding-top: 80px;
    padding-bottom: 110px;
  }
  .image-155 {
    padding-right: 10px;
  }
  .icon {
    color: #fff;
  }
  .slider {
    height: 100%;
  }
  .recommendation-p {
    margin-right: 40px;
    margin-left: 40px;
  }
  .recommendations-sec {
    display: block;
    padding-top: 40px;
  }
  .recommendation-text-div {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .slide-wrapper {
    padding-bottom: 20px;
  }
  .right-arrow {
    right: 20px;
  }
  .icon-2 {
    opacity: 0;
  }
  .icon-3 {
    opacity: 0;
  }
  .left-arrow {
    left: 20px;
  }
  .slide-nav-2 {
    bottom: -20px;
  }
  .welcome-h3 {
    font-size: 24px;
  }
  .welcome-h1 {
    font-size: 36px;
    line-height: 38px;
  }
  .intro-specs {
    margin-top: 80px;
  }
  .wireframes-h {
    padding-top: 0px;
  }
  .container-97 {
    padding-top: 30px;
  }
  .container-98 {
    padding-top: 40px;
  }
  .invision-btn {
    margin-right: 220px;
    margin-left: 220px;
  }
  .link-6 {
    left: 265px;
    right: 265px;
  }
  .content-organization {
    padding-bottom: 20px;
  }
  .nexxus-img {
    padding-right: 15px;
    padding-left: 15px;
  }
  .testing {
    padding-top: 100px;
    padding-bottom: 120px;
    background-repeat: repeat;
  }
  .front-row-fixed-img {
    padding-top: 200px;
    padding-bottom: 200px;
    background-size: contain;
  }
  .blocbox-fixed-image {
    padding-top: 200px;
    padding-bottom: 200px;
    background-size: contain;
  }
  .photography-fixed-img {
    padding-top: 175px;
    padding-bottom: 175px;
    background-size: contain;
  }
  .column-63 {
    padding-top: 0px;
  }
  .image-178 {
    padding-left: 15px;
  }
  .pph-hero {
    padding-top: 10px;
  }
  .image-179 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .link-9 {
    left: 265px;
    right: 265px;
  }
  .pph-img-2 {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .the-solution-3 {
    padding-bottom: 20px;
  }
  .the-solution-4 {
    padding-bottom: 20px;
  }
  .button-14 {
    width: 190px;
  }
  .image-180 {
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
  }
  .image-181 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-182 {
    padding-right: 15px;
  }
  .image-183 {
    padding-right: 15px;
  }
  .image-184 {
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .contact-me-bttn {
    display: block;
    width: 120px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
    font-weight: 400;
  }
  .contact-me-bttn:hover {
    width: 120px;
    font-size: 14px;
  }
  .welcome-to-my-design-space-text {
    font-size: 28px;
  }
  .logo {
    max-width: 60%;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: center;
  }
  .uxui-product-design.design-process-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .heading.seamless-design-h4 {
    margin-top: 10px;
    font-size: 16px;
    line-height: 20px;
  }
  .ux-ui-design-p {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .contact-me-button {
    width: 130px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }
  .contact-me-button:hover {
    width: 140px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }
  .logo-footer {
    display: inline-block;
  }
  .starfunds-icon-ham {
    color: #fff;
  }
  .starfunds-icon-ham.portfolio-ham {
    color: #fff;
  }
  .menu-button {
    margin-top: 35px;
    border-style: none;
  }
  .menu-button.home-menu {
    margin-top: 15px;
  }
  .hi-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .pronounced-h3 {
    font-size: 20px;
  }
  .alyssa-h3 {
    font-size: 20px;
  }
  .vietnamese-h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .german-h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .raised-h2 {
    font-size: 28px;
    line-height: 36px;
  }
  .living-h2 {
    margin-bottom: 30px;
    font-size: 28px;
    line-height: 36px;
  }
  .hero-container {
    padding-bottom: 30px;
  }
  .about-me-container {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .heading-11.about-me-h1 {
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 32px;
    line-height: 36px;
  }
  .about-p {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-12.solving-h1 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 32px;
    line-height: 36px;
  }
  .solving-p {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .paragraph-5.confession-p {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .my-style {
    padding-bottom: 50px;
  }
  .heading-14.my-style-h3 {
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 32px;
    line-height: 36px;
  }
  .my-style-p {
    padding: 0px 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .download-resume-bttn {
    width: 200px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .contact-me {
    width: 200px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .button {
    width: 200px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .desk-photo {
    padding-bottom: 0px;
  }
  .recommendations-text {
    margin-right: 20px;
    margin-left: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 22px;
    text-align: left;
  }
  .like-what-you-see-p {
    font-size: 20px;
    line-height: 42px;
  }
  .hero-section.photography-hero {
    padding-bottom: 20px;
  }
  .hero-section.party-of-two-hero {
    padding-bottom: 10px;
  }
  .intro {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .intro.purrfect-intro {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .intro.trek-intro {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .intro.product-showcase-intro {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .intro.front-row-intro {
    padding-bottom: 0px;
  }
  .intro-container {
    padding-top: 40px;
    padding-bottom: 10px;
  }
  .intro-p {
    margin-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
  }
  .intro-p.starfunds-intro {
    text-align: center;
  }
  .intro-p.product-intro {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .intro-p.trek-intro-text {
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .the-problem {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .the-problem.the-problem-party-of-two {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .the-problem.starfunds-the-problem-section {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .heading-21.problem-h {
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-21.problem-h2 {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-21.the-problem-purrfect {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-21.the-problem-trek {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .problem-p {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .problem-p.purrfect-prob-text {
    padding-bottom: 40px;
  }
  .happy-couples-img {
    padding-top: 92px;
    padding-bottom: 92px;
  }
  .the-solution-1 {
    padding-bottom: 0px;
  }
  .heading-22.solution-h3 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .heading-23.create-brand-h2 {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-23.new-noteworthy-h {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-10.solution-p {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
  }
  .image-7 {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
  }
  .heading-24.responsive-h2 {
    margin-top: 30px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-11 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
  }
  .container-7 {
    padding-bottom: 30px;
  }
  .container-8 {
    padding-top: 20px;
  }
  .image-8 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .brainstorming-h2 {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .the-process {
    padding-top: 20px;
  }
  .paragraph-12 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-25.brainstorming-h {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-25.starfunds-the-process {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .mind-map {
    text-align: center;
  }
  .image-10 {
    padding-top: 10px;
    padding-left: 10px;
  }
  .image-10.photo-mind-map {
    padding-top: 0px;
    padding-left: 15px;
  }
  .image-10.party-of-2-mind-map {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .survey {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .survey.party-of-2-survey {
    padding-bottom: 20px;
  }
  .paragraph-13 {
    padding: 0px 15px 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-11 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .container-10 {
    padding-top: 20px;
  }
  .text-block-6 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-6.party-of-2-text-block {
    font-size: 14px;
    line-height: 30px;
  }
  .personas {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .paragraph-14 {
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
  }
  .container-11 {
    padding-top: 20px;
    padding-bottom: 30px;
  }
  .swot-analysis {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .swot-analysis.trek-swot {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .swot-text {
    padding-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .swot-text-bold {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-9 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-10 {
    padding-right: 15px;
    padding-left: 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-10.starfunds-swot-list {
    font-size: 14px;
    line-height: 30px;
  }
  .user-flows {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .paragraph-15 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-13 {
    padding-right: 20px;
    padding-left: 20px;
  }
  .container-12 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .wireframes {
    padding-bottom: 0px;
  }
  .wireframe-text {
    padding: 10px 15px 25px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-13 {
    padding-top: 30px;
  }
  .row {
    padding-bottom: 0px;
  }
  .image-15 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .row-2 {
    padding-bottom: 5px;
  }
  .row-3 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-25 {
    padding-bottom: 10px;
  }
  .row-4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-27 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .row-5 {
    padding-bottom: 0px;
  }
  .image-28 {
    padding-bottom: 10px;
  }
  .save-time-by-cliclking-only-on {
    padding-top: 0px;
  }
  .image-30 {
    position: relative;
    right: 15%;
  }
  .matches-chosen-especially-for-you {
    padding-bottom: 10px;
  }
  .save-time-text {
    padding-top: 30px;
  }
  .row-6 {
    padding-top: 20px;
  }
  .branding-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .branding-text.visual-goal-charts-text {
    padding-bottom: 10px;
  }
  .branding-text.donation-history-text {
    padding-bottom: 0px;
  }
  .heading-27.save-time-h2 {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-27.easy-campaign-h2 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-27.visual-goal-charts-h2 {
    margin-top: 10px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-27.donation-history-h2 {
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-27.starfunds-branding {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-14 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .matches-chosen-for-you-text {
    padding-top: 20px;
  }
  .heading-29.matches-chosen-h2 {
    margin-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .save-time-and-money-with-free-video-chats {
    padding-top: 0px;
  }
  .save-time-and-money-text {
    padding-top: 10px;
  }
  .heading-30.save-time-money-h2 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-15 {
    padding-right: 15px;
    padding-bottom: 25px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .final-design {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .final-design.blocbox-final-design {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .final-design.final-thoughts {
    padding-top: 0px;
    padding-bottom: 50px;
  }
  .heading-31.final-design-h {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-31.starfunds-final-design-h2 {
    margin-top: 10px;
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .final-design-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .branding {
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
  }
  .heading-32.branding-left-h2 {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-17 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .logo-h4 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .logo-h4.party-of-two-branding-text.pop-of-color-text {
    font-size: 14px;
    line-height: 30px;
  }
  .image-34 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .darker-bg-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-33.typography-h {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .photo-typography {
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: none;
  }
  .heading-36.case-study-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .heading-37.case-study-h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .heading-37.case-study-h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .photography-imac-img {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
  }
  .container-14 {
    margin-top: -5px;
    padding-top: 50px;
  }
  .starfunds-hero {
    padding-bottom: 0px;
  }
  .container-15 {
    margin-top: -5px;
    padding-top: 40px;
  }
  .bring-your-film-to-life-photo {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .heading-38.solution-h3 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .container-16.starfunds-solution-container {
    padding-top: 15px;
    padding-bottom: 20px;
  }
  .heading-39.new-noteworthy-h {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-20.new-noteworthy-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-17 {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .heading-40.explore-h2 {
    padding: 10px 15px 0px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-21.using-the-search-bar {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-19 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .image-42 {
    padding-top: 20px;
  }
  .image-42.blocbox-mind-map-img {
    padding-top: 20px;
  }
  .container-20 {
    padding-bottom: 40px;
  }
  .text-block-22 {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-43.star-survey-img {
    padding-bottom: 20px;
  }
  .heading-41.creating-a-campaign-heading {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .heading-41.campaign-setup {
    font-size: 20px;
  }
  .heading-41.donor {
    padding-top: 50px;
    font-size: 20px;
  }
  .heading-41.starfunds-typography {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .text-block-23 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-23.blocbox-survey-text {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .heading-42.as-a-donor-heading {
    margin-top: 20px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .text-block-24 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-21 {
    padding-top: 40px;
  }
  .text-block-25 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-22 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-23 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-block-26 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-24 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .homepage-mockup {
    padding-bottom: 10px;
  }
  .container-25 {
    padding-top: 20px;
  }
  .heading-43.starfunds-mockup-1-h {
    padding: 0px 15px 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .image-55 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .container-26 {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .image-56 {
    padding-right: 0px;
    padding-left: 0px;
  }
  .heading-44.starfunds-mockup-2-h {
    padding: 0px 15px 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .container-27 {
    padding-top: 0px;
  }
  .easy-campaign-setup-text {
    padding-top: 10px;
  }
  .row-11 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .visual-goal-charts-donor-list {
    padding-top: 20px;
  }
  .container-28 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .container-29 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .container-30 {
    padding-top: 20px;
  }
  .container-31 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .purrfect-hero {
    margin-top: 80px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-66 {
    max-width: 60%;
    padding-bottom: 0px;
  }
  .cat-img {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .what-is-a-cat-cafe {
    padding-bottom: 0px;
  }
  .row-14 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-47.the-solution-purrfect {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
  }
  .heading-48.what-is-a-cat-cafe-header {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-48.list-activites-header {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-16 {
    padding-right: 15px;
    padding-left: 15px;
    text-align: center;
  }
  .paragraph-16.cat-cafes {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .paragraph-16.list-activities-available-text {
    font-size: 14px;
    line-height: 30px;
  }
  .list-activities-available {
    padding-top: 0px;
  }
  .container-34 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-49.purrfect-brainstorming-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-17 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-68 {
    padding-top: 10px;
  }
  .image-68.purrfect-mind-map-img {
    padding-top: 20px;
  }
  .row-17 {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .text-block-27 {
    padding-top: 30px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-28 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-35 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .image-69 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .text-block-29 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .text-block-29.purrfect-persona-text {
    font-size: 14px;
    line-height: 30px;
  }
  .container-36.purrfect-swot-cont {
    padding-top: 0px;
  }
  .text-block-30 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-31 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-32 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-33 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-37 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-block-34 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-38 {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .text-block-35 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
  }
  .container-39 {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .heading-50.homepage-and-activities-h2 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-36 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
  }
  .text-block-36.purrfect-home-text {
    font-size: 14px;
    line-height: 30px;
  }
  .easy-checkout-process {
    padding-bottom: 20px;
  }
  .easy-checkout-container {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .heading-51.easy-checkout-h2 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-37 {
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
  }
  .text-block-37.easy-checkout-text {
    font-size: 14px;
    line-height: 30px;
  }
  .review-cart-payment-options {
    padding-bottom: 10px;
  }
  .review-cart-container {
    padding-top: 20px;
  }
  .heading-52.review-cart-h2 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-38 {
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .create-an-account {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .create-account-container {
    padding-top: 20px;
  }
  .heading-53.create-an-account-h2 {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-39 {
    padding-right: 15px;
    padding-bottom: 20px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .final-design-container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .heading-54.purrfect-final-design-h2 {
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-18 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .paragraph-18.purrfect-final-design-text {
    font-size: 14px;
    line-height: 30px;
  }
  .container-44 {
    padding-top: 20px;
    padding-bottom: 10px;
  }
  .heading-55.purrfect-branding-h2 {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-40 {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-56.purrfect-typography {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 30px;
  }
  .product-showcase-hero {
    margin-top: 75px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-45 {
    padding-top: 40px;
  }
  .heading-57.case-study-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .heading-58.case-study-h3 {
    font-size: 20px;
  }
  .mobile-phone-img {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .container-47.product-wireframe {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .text-block-43 {
    padding-top: 0px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .features-section {
    padding-top: 0px;
  }
  .container-48 {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .heading-60.features-section-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-44 {
    font-size: 14px;
    line-height: 30px;
  }
  .reviews-section {
    padding-top: 0px;
  }
  .reviews-section.product-reviews {
    padding-top: 10px;
    padding-bottom: 0px;
  }
  .paragraph-20 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-61.reviews-section-h2 {
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .social-media-section {
    padding-top: 0px;
  }
  .social-media-section.product-social {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .heading-62.social-media-h2 {
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-21 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .product-final-design {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-51 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .heading-63.final {
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-63.final-design-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .container-52 {
    padding-top: 0px;
  }
  .product-showcase-typography {
    padding: 20px;
    box-shadow: none;
  }
  .heading-64.product-typography {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
    line-height: 20px;
  }
  .heading-65.product-branding-header {
    margin-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .heading-65.branding-left-h2 {
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-45 {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-46.disclaimer {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .product-showcase-survey.product-survey-text {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-54.product-process {
    padding-top: 10px;
  }
  .heading-66.survey-left-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .paragraph-22 {
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-47 {
    font-size: 14px;
    line-height: 30px;
  }
  .image-97.the-product-img {
    padding-top: 20px;
  }
  .text-block-48 {
    font-size: 14px;
    line-height: 30px;
  }
  .homepage-hero-container {
    padding-top: 0px;
  }
  .homepage-hero-text {
    padding-top: 0px;
  }
  .food-trek-hero {
    margin-top: 80px;
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-56 {
    padding-top: 40px;
  }
  .image-99 {
    left: 0px;
  }
  .heading-67.case-study-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .heading-68.case-study-h3 {
    font-size: 20px;
  }
  .product-shocase-icon-ham {
    color: #fff;
  }
  .food-trek-icon-ham {
    color: #fff;
  }
  .about-icon-ham {
    color: #2b292f;
  }
  .menu-button-4 {
    margin-top: 35px;
  }
  .food-trek-the-problem {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .find-food-trucks-big-img {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .find-food-trucks {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .heading-69.food-trek-the-solution {
    margin-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 30px;
  }
  .heading-70.find-food-trucks-header {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-49 {
    position: relative;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-100 {
    right: 60px;
  }
  .order-pay-for-food {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-101 {
    padding-bottom: 0px;
  }
  .heading-71.order-food-header {
    margin-top: 10px;
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-50.create-a-quick {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-50.new-noteworthy-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-60 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .paragraph-23 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-72.trek-the-process {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
  }
  .container-61 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .survey-text-food-trek {
    margin-top: 20px;
  }
  .text-block-51 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-52 {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-62 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .image-102 {
    padding-bottom: 10px;
  }
  .text-block-53 {
    padding: 10px 15px 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .container-63 {
    padding-top: 40px;
    padding-bottom: 50px;
  }
  .text-block-54 {
    padding: 10px 15px 20px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-103 {
    padding-bottom: 10px;
  }
  .container-64 {
    padding-top: 40px;
  }
  .text-block-55 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .food-trek-screen-mockups {
    padding-top: 200px;
    padding-bottom: 200px;
  }
  .find-food-trucks-mockups {
    padding-top: 0px;
  }
  .row-27 {
    padding-bottom: 0px;
  }
  .heading-73.find-food-h2 {
    margin-top: 10px;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-56 {
    padding-right: 15px;
    padding-bottom: 0px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .image-116 {
    padding-bottom: 10px;
  }
  .easy-order-pay {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-120 {
    padding-bottom: 10px;
  }
  .heading-74.easy-order-h2 {
    margin-top: 0px;
    padding: 0px 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-57.screens-show-food-truck {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .food-trek-final-design {
    padding-bottom: 0px;
  }
  .container-67 {
    padding-top: 20px;
  }
  .heading-75.trek-final-design {
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-58 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .heading-76.trek-typography {
    padding-right: 15px;
    padding-left: 15px;
    line-height: 24px;
  }
  .food-trek-typography {
    box-shadow: none;
  }
  .heading-77.trek-branding-h2 {
    margin-top: 0px;
    padding-top: 0px;
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
    line-height: 24px;
  }
  .text-block-59 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 30px;
  }
  .text-block-60.disclaimer {
    padding: 20px 15px 10px;
    font-size: 14px;
    line-height: 30px;
  }
  .portfolio-hero {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .tools-i-use {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-82.selection-h3 {
    font-size: 20px;
  }
  .heading-83.portfolio-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .purrfect-nav-menu {
    background-color: #5a5c8a;
  }
  .text-block-64 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .contact-me-portfolio-bttn {
    left: 162px;
  }
  .heading-84.more-projects-h2 {
    font-size: 20px;
    line-height: 30px;
  }
  .container-79 {
    padding-top: 10px;
  }
  .heading-85.tools-i-use-header {
    font-size: 20px;
  }
  .text-block-65 {
    font-size: 14px;
    line-height: 30px;
  }
  .contact-container {
    padding-top: 100px;
  }
  .hello-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .contact-portfolio-link {
    color: #fff;
  }
  .contact-about-link {
    color: #fff;
  }
  .nav-link-4 {
    color: #fff;
  }
  .button-9 {
    width: 250px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .field-label-3 {
    font-size: 14px;
  }
  .text-field-3 {
    width: 70%;
    font-size: 14px;
  }
  .field-label-4 {
    font-size: 14px;
  }
  .text-field-4 {
    width: 70%;
    font-size: 14px;
  }
  .submit-button-2 {
    width: 150px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 14px;
  }
  .textarea-2 {
    width: 80%;
    font-size: 14px;
  }
  .form-2 {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
  }
  .cat-cafe-img {
    padding-top: 0px;
  }
  .like-what-you-see-section {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .column-17 {
    text-align: center;
  }
  .button-10 {
    width: 140px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .button-10.product-showcase-prev-button {
    width: 120px;
  }
  .column-18 {
    text-align: center;
  }
  .button-11 {
    width: 140px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .button-11.party-of-two-next-button {
    width: 120px;
  }
  .heading-89.like-what-you-see-section-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 20px;
  }
  .button-12 {
    width: 150px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .section-3 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-4 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-5 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .section-6 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .container-89 {
    padding-top: 40px;
    text-align: left;
  }
  .welcome-to-my-design-space {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .ux-ui-design-section {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .recommendations-section {
    padding-top: 20px;
    padding-bottom: 50px;
  }
  .like-what-you-see-homepage {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .like-what-you-see-portfolio {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .more-projects-section {
    padding-top: 50px;
    padding-bottom: 60px;
  }
  .image-136 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .image-137 {
    padding-bottom: 20px;
  }
  .image-138 {
    padding-bottom: 20px;
  }
  .column-45 {
    padding-top: 10px;
  }
  .image-155 {
    padding-left: 10px;
  }
  .container-92 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .photography-problem-p {
    margin-bottom: 20px;
  }
  .photography-prob-container {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .slider {
    height: 100%;
  }
  .recommendation-p {
    margin-right: 20px;
    margin-left: 20px;
  }
  .recommendations-sec {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .mask {
    margin-right: 40px;
    margin-left: 40px;
  }
  .recommendation-text-div {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .slide-wrapper {
    padding-top: 40px;
    padding-bottom: 0px;
  }
  .right-arrow {
    right: 14px;
  }
  .icon-2 {
    opacity: 0;
  }
  .icon-3 {
    opacity: 0;
  }
  .left-arrow {
    left: 20px;
  }
  .slide-nav-2 {
    bottom: 0px;
  }
  .welcome-h3 {
    font-size: 20px;
    line-height: 30px;
  }
  .welcome-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .deliverables-h4 {
    font-size: 12px;
    line-height: 12px;
  }
  .deliverables-text {
    font-size: 10px;
    line-height: 12px;
  }
  .intro-specs {
    margin-top: 60px;
    margin-bottom: 50px;
  }
  .responsibility-h4 {
    font-size: 12px;
    line-height: 12px;
  }
  .responsibilities-text {
    font-size: 10px;
    line-height: 12px;
  }
  .tools-softwares-h4 {
    font-size: 12px;
    line-height: 12px;
  }
  .tools-softwares-text {
    font-size: 10px;
    line-height: 12px;
  }
  .survey-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-97 {
    font-size: 20px;
    line-height: 24px;
  }
  .wireframes-h {
    padding-top: 0px;
    font-size: 20px;
    line-height: 24px;
  }
  .survey-h {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-101 {
    font-size: 20px;
    line-height: 24px;
  }
  .swot-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .user-flows-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-102 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-103 {
    font-size: 18px;
    line-height: 20px;
  }
  .personas-h {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-104 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-105 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-106 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-107 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-108 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-109 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-110 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-111 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-112 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-113 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-114 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-115 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-116 {
    font-size: 20px;
    line-height: 24px;
  }
  .heading-117 {
    font-size: 20px;
    line-height: 24px;
  }
  .case-study-h1-light {
    font-size: 32px;
    line-height: 36px;
  }
  .case-study-h3-light {
    font-size: 20px;
  }
  .container-93 {
    padding-top: 20px;
  }
  .confession-h1 {
    font-size: 32px;
    line-height: 36px;
  }
  .container-95 {
    padding-top: 20px;
  }
  .container-96 {
    padding-top: 20px;
  }
  .container-97 {
    padding-top: 20px;
  }
  .ux-ui-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .case-study-h1-dark {
    font-size: 32px;
    line-height: 36px;
  }
  .case-study-h3-dark {
    margin-top: 22px;
    font-size: 20px;
  }
  .photo-ui-elements {
    padding-right: 20px;
    padding-left: 20px;
    box-shadow: none;
  }
  .container-98 {
    padding-top: 20px;
  }
  .party-of-2-typography {
    box-shadow: none;
  }
  .color-palette-1 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .blocbox-hero {
    margin-top: 80px;
  }
  .link-6 {
    left: 207px;
    top: 0px;
    right: 207px;
    font-size: 14px;
  }
  .organize-all-your-content {
    padding-top: 0px;
    padding-bottom: 40px;
  }
  .access-your-content {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .image-175 {
    padding-bottom: 20px;
  }
  .image-176 {
    padding-bottom: 20px;
  }
  .front-row-hero {
    margin-top: 80px;
    padding-bottom: 0px;
  }
  .the-story-h2 {
    font-size: 20px;
    line-height: 24px;
  }
  .testing {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .front-row-fixed-img {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .blocbox-fixed-image {
    padding-top: 130px;
    padding-bottom: 130px;
    background-color: #fff;
  }
  .photography-fixed-img {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .row-38 {
    margin-top: 20px;
  }
  .survey-stats-text {
    font-size: 14px;
    line-height: 30px;
  }
  .image-177 {
    margin-bottom: 20px;
  }
  .image-178 {
    margin-bottom: 20px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .pph-hero {
    margin-top: 80px;
    padding-top: 0px;
  }
  .container-100 {
    padding-top: 30px;
  }
  .link-9 {
    left: 207px;
    top: 0px;
    right: 207px;
    font-size: 14px;
  }
  .pph-img-2 {
    padding-top: 130px;
    padding-bottom: 130px;
  }
  .button-13 {
    width: 140px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .button-14 {
    width: 150px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .button-15 {
    width: 140px;
    padding-top: 14px;
    padding-bottom: 14px;
    font-size: 14px;
  }
  .image-180 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-181 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-182 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-183 {
    padding-right: 15px;
    padding-left: 15px;
  }
  .image-184 {
    padding-left: 15px;
  }
}

@media (max-width: 479px) {
  .text-block {
    padding-right: 10px;
    padding-left: 10px;
  }
  .contact-me-bttn {
    width: 120px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .contact-me-bttn:hover {
    width: 120px;
    font-size: 14px;
  }
  .welcome-to-my-design-space-text {
    font-size: 28px;
  }
  .logo {
    max-width: 45%;
    padding-top: 20px;
  }
  .uxui-product-design {
    padding-right: 10px;
    padding-left: 10px;
  }
  .uxui-product-design.design-process-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .heading {
    padding-right: 10px;
    padding-left: 10px;
  }
  .heading.seamless-design-h4 {
    font-size: 14px;
    line-height: 18px;
  }
  .ux-ui-design-p {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .contact-me-button {
    width: 130px;
  }
  .contact-me-button:hover {
    width: 130px;
  }
  .logo-footer {
    display: inline-block;
  }
  .starfunds-icon-ham {
    color: #fff;
  }
  .starfunds-icon-ham.portfolio-ham {
    color: #fff;
  }
  .menu-button {
    border-radius: 0px;
  }
  .menu-button.home-menu {
    margin-top: 10px;
  }
  .menu-button.starfunds-menu {
    border-color: #5a5c8a;
  }
  .hi-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .pronounced-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .alyssa-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .vietnamese-h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .german-h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .raised-h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .living-h2 {
    font-size: 24px;
    line-height: 32px;
  }
  .heading-11.about-me-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .about-p {
    font-size: 14px;
    line-height: 24px;
  }
  .heading-12.solving-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .solving-p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .color-palettes-img {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .paragraph-5.confession-p {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .image-5 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .my-style {
    padding-bottom: 20px;
  }
  .heading-14.my-style-h3 {
    margin-top: 20px;
    font-size: 28px;
    line-height: 32px;
  }
  .my-style-p {
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .download-resume-bttn {
    width: 200px;
    font-weight: 600;
  }
  .contact-me {
    left: 15px;
  }
  .button {
    left: 11px;
  }
  .desk-photo {
    margin-top: 30px;
    padding-bottom: 10px;
  }
  .recommendations-text {
    margin-right: 15px;
    margin-left: 15px;
  }
  .hero-section.photography-hero {
    margin-top: 80px;
    padding-bottom: 10px;
  }
  .hero-section.party-of-two-hero {
    padding-bottom: 0px;
  }
  .intro.purrfect-intro {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .intro.trek-intro {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .intro.product-showcase-intro {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .intro-container {
    padding-bottom: 0px;
  }
  .intro-p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .intro-p.trek-intro-text {
    padding-top: 30px;
    padding-bottom: 20px;
  }
  .the-problem.the-problem-party-of-two {
    padding-top: 0px;
  }
  .heading-21.problem-h {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .heading-21.problem-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-21.the-problem-purrfect {
    padding-top: 20px;
    font-size: 18px;
    line-height: 20px;
  }
  .heading-21.the-problem-trek {
    font-size: 18px;
    line-height: 20px;
  }
  .problem-p {
    font-size: 14px;
    line-height: 24px;
  }
  .happy-couples-img {
    padding-top: 52px;
    padding-bottom: 52px;
  }
  .the-solution-1 {
    padding-bottom: 0px;
  }
  .heading-22.solution-h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-23.create-brand-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-23.new-noteworthy-h {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-10.solution-p {
    line-height: 24px;
  }
  .image-7 {
    padding-bottom: 20px;
  }
  .the-solution-2.responsive-design {
    padding-bottom: 40px;
  }
  .heading-24.responsive-h2 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-11 {
    line-height: 24px;
  }
  .container-8 {
    padding-top: 30px;
  }
  .brainstorming-h2 {
    padding-bottom: 0px;
  }
  .paragraph-12 {
    line-height: 24px;
  }
  .heading-25.brainstorming-h {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-25.starfunds-the-process {
    font-size: 18px;
    line-height: 20px;
  }
  .image-10 {
    padding-right: 10px;
  }
  .survey {
    padding-bottom: 0px;
  }
  .survey.party-of-2-survey {
    padding-bottom: 15px;
  }
  .paragraph-13 {
    padding-bottom: 10px;
    line-height: 24px;
  }
  .image-11 {
    padding-right: 20px;
    padding-bottom: 0px;
  }
  .image-11.logo-sketches {
    padding-right: 15px;
    padding-bottom: 10px;
  }
  .text-block-6 {
    line-height: 24px;
  }
  .text-block-6.party-of-2-text-block {
    line-height: 34px;
  }
  .personas.photography-swot-analysis {
    padding-bottom: 10px;
  }
  .paragraph-14 {
    line-height: 24px;
  }
  .swot-analysis {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .swot-analysis.trek-swot {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .swot-text {
    padding-top: 10px;
    line-height: 24px;
  }
  .swot-text.starfunds-swot {
    line-height: 24px;
  }
  .swot-text-bold {
    padding-top: 10px;
    line-height: 24px;
  }
  .swot-text-bold.starfunds-swot-bold {
    line-height: 24px;
  }
  .text-block-9 {
    line-height: 24px;
  }
  .text-block-10 {
    line-height: 24px;
  }
  .text-block-10.starfunds-swot-list {
    line-height: 24px;
  }
  .paragraph-15 {
    line-height: 24px;
  }
  .image-13 {
    padding-right: 10px;
    padding-left: 10px;
  }
  .wireframes {
    padding-top: 20px;
  }
  .wireframe-text {
    line-height: 24px;
  }
  .container-13 {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .row {
    padding-bottom: 0px;
  }
  .row-3 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .row-4 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .row-5 {
    padding-bottom: 0px;
  }
  .image-30 {
    position: relative;
    right: 30%;
  }
  .matches-chosen-especially-for-you {
    padding-top: 20px;
  }
  .save-time-text {
    padding-top: 10px;
  }
  .row-6 {
    padding-bottom: 0px;
  }
  .branding-text {
    line-height: 24px;
  }
  .heading-27.save-time-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-27.easy-campaign-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-27.visual-goal-charts-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-27.donation-history-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-14 {
    line-height: 24px;
  }
  .heading-29.matches-chosen-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .row-8 {
    padding-top: 20px;
  }
  .heading-30.save-time-money-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-15 {
    line-height: 24px;
  }
  .final-design {
    padding-bottom: 20px;
  }
  .final-design.blocbox-final-design {
    padding-bottom: 10px;
  }
  .final-design.final-thoughts {
    padding-bottom: 40px;
  }
  .heading-31.final-design-h {
    margin-top: 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .heading-31.starfunds-final-design-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .final-design-text {
    line-height: 24px;
  }
  .heading-32.branding-left-h2 {
    padding-bottom: 10px;
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-17 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 24px;
  }
  .logo-h4 {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .logo-h4.party-of-two-branding-text.pop-of-color-text {
    line-height: 24px;
  }
  .darker-bg-text {
    padding-right: 15px;
    padding-left: 15px;
    line-height: 24px;
  }
  .heading-33.typography-h {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 14px;
    line-height: 18px;
  }
  .heading-33.typography-h.party-typography {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-36.case-study-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .heading-37.case-study-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .heading-37.case-study-h3 {
    padding-bottom: 0px;
    font-size: 16px;
    line-height: 14px;
  }
  .photography-imac-img {
    padding-right: 10px;
    padding-bottom: 30px;
    padding-left: 10px;
  }
  .button-2.starfunds-contact-bttn {
    display: block;
    width: 250px;
    margin-right: auto;
    margin-left: auto;
  }
  .container-14 {
    margin-top: -10px;
    padding-top: 40px;
  }
  .image-39 {
    padding-bottom: 10px;
  }
  .container-15 {
    margin-top: -10px;
    padding-top: 20px;
  }
  .bring-your-film-to-life-photo {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .heading-38.solution-h3 {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-39.new-noteworthy-h {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-20.new-noteworthy-text {
    line-height: 24px;
  }
  .heading-40.explore-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-21.using-the-search-bar {
    line-height: 24px;
  }
  .image-42 {
    padding-top: 10px;
  }
  .image-42.blocbox-mind-map-img {
    padding-top: 10px;
  }
  .container-20 {
    padding-top: 20px;
  }
  .text-block-22 {
    line-height: 24px;
  }
  .image-43.star-survey-img {
    padding-top: 0px;
    padding-bottom: 10px;
  }
  .heading-41.creating-a-campaign-heading {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-41.campaign-setup {
    font-size: 16px;
    line-height: 14px;
  }
  .heading-41.donor {
    padding-top: 20px;
    font-size: 16px;
    line-height: 20px;
  }
  .heading-41.starfunds-typography {
    font-size: 14px;
    line-height: 18px;
  }
  .text-block-23 {
    line-height: 24px;
  }
  .heading-42.as-a-donor-heading {
    font-size: 14px;
    line-height: 18px;
  }
  .text-block-24 {
    line-height: 24px;
  }
  .container-21 {
    padding-top: 20px;
  }
  .text-block-25 {
    line-height: 24px;
  }
  .container-23 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .text-block-26 {
    line-height: 24px;
  }
  .heading-43.starfunds-mockup-1-h {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-44.starfunds-mockup-2-h {
    font-size: 18px;
    line-height: 20px;
  }
  .easy-campaign-setup-text {
    padding-top: 20px;
  }
  .container-28 {
    padding-bottom: 0px;
  }
  .container-31 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .purrfect-hero {
    margin-top: 70px;
  }
  .heading-45.case-study-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .heading-46.case-study-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .image-66 {
    max-width: 45%;
  }
  .cat-img {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .row-14 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .heading-47.the-solution-purrfect {
    font-size: 16px;
    line-height: 14px;
  }
  .heading-48.what-is-a-cat-cafe-header {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-48.list-activites-header {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-16.cat-cafes {
    line-height: 24px;
  }
  .paragraph-16.list-activities-available-text {
    line-height: 24px;
  }
  .container-34 {
    padding-top: 20px;
  }
  .heading-49.purrfect-brainstorming-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-17 {
    line-height: 24px;
  }
  .image-68.purrfect-mind-map-img {
    padding-top: 10px;
  }
  .text-block-27 {
    line-height: 24px;
  }
  .text-block-28 {
    padding-top: 10px;
    padding-bottom: 20px;
    line-height: 24px;
  }
  .container-35 {
    padding-top: 20px;
  }
  .text-block-29.purrfect-persona-text {
    line-height: 24px;
  }
  .text-block-30 {
    line-height: 24px;
  }
  .text-block-31 {
    line-height: 24px;
  }
  .text-block-32 {
    line-height: 24px;
  }
  .text-block-33 {
    line-height: 24px;
  }
  .container-37 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-block-34 {
    line-height: 24px;
  }
  .container-38 {
    padding-top: 0px;
  }
  .text-block-35 {
    padding-top: 20px;
    line-height: 24px;
  }
  .homepage-activities {
    padding-top: 10px;
  }
  .row-21 {
    padding-bottom: 10px;
  }
  .heading-50.homepage-and-activities-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-36.purrfect-home-text {
    line-height: 24px;
  }
  .heading-51.easy-checkout-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-37.easy-checkout-text {
    line-height: 24px;
  }
  .review-cart-container {
    padding-top: 20px;
  }
  .create-account-container {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .heading-53.create-an-account-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-39 {
    line-height: 24px;
  }
  .heading-54.purrfect-final-design-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-18.purrfect-final-design-text {
    line-height: 24px;
  }
  .container-44 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-55.purrfect-branding-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-40 {
    line-height: 24px;
  }
  .heading-56.purrfect-typography {
    font-size: 14px;
    line-height: 18px;
  }
  .product-showcase-hero {
    margin-top: 70px;
  }
  .container-45 {
    margin-top: -1px;
    padding-top: 20px;
  }
  .heading-57.case-study-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .heading-58.case-study-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .mobile-phone-img {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .wireframe {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-47.product-wireframe {
    padding-top: 20px;
  }
  .text-block-43 {
    line-height: 24px;
  }
  .features-section {
    padding-bottom: 0px;
  }
  .container-48 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-60.features-section-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-44 {
    line-height: 24px;
  }
  .reviews-section {
    padding-bottom: 0px;
  }
  .reviews-section.product-reviews {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .container-49 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .paragraph-20 {
    line-height: 24px;
  }
  .heading-61.reviews-section-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .social-media-section {
    padding-bottom: 0px;
  }
  .social-media-section.product-social {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  .container-50 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-62.social-media-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-21 {
    line-height: 24px;
  }
  .container-51 {
    padding-top: 20px;
    padding-bottom: 0px;
  }
  .heading-63.final {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-63.final-design-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .product-showcase-typography {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .heading-64.product-typography {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-65.product-branding-header {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-65.branding-left-h2 {
    padding-bottom: 0px;
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-45 {
    padding-top: 10px;
    padding-bottom: 0px;
    line-height: 24px;
  }
  .text-block-46.disclaimer {
    padding-bottom: 20px;
    line-height: 24px;
  }
  .product-showcase-survey {
    padding-bottom: 0px;
  }
  .product-showcase-survey.product-survey-text {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .container-54.product-process {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .process-text {
    padding-top: 0px;
  }
  .heading-66.survey-left-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .paragraph-22 {
    line-height: 24px;
  }
  .text-block-47 {
    line-height: 24px;
  }
  .image-97.the-product-img {
    padding-top: 20px;
  }
  .text-block-48 {
    line-height: 24px;
  }
  .homepage-hero-container {
    padding-top: 0px;
  }
  .food-trek-hero {
    margin-top: 70px;
  }
  .container-56 {
    padding-top: 20px;
  }
  .image-99 {
    left: 0px;
  }
  .heading-67.case-study-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .heading-68.case-study-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .product-shocase-icon-ham {
    color: #fff;
  }
  .food-trek-icon-ham {
    color: #fff;
  }
  .about-icon-ham {
    color: #2b292f;
  }
  .menu-button-2 {
    margin-top: 35px;
  }
  .menu-button-2.about-menu {
    margin-top: 10px;
  }
  .menu-button-3 {
    margin-top: 35px;
  }
  .menu-button-3.purrfect-menu {
    border-style: none;
    border-color: #5a5c8a;
  }
  .menu-button-3.about-menu {
    margin-top: 10px;
  }
  .menu-button-5 {
    margin-top: 35px;
  }
  .container-57 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .find-food-trucks-big-img {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .find-food-trucks {
    padding-bottom: 0px;
  }
  .heading-69.food-trek-the-solution {
    font-size: 16px;
    line-height: 14px;
  }
  .heading-70.find-food-trucks-header {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-49 {
    font-size: 14px;
    line-height: 24px;
  }
  .image-100 {
    right: 30px;
  }
  .container-59 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-71.order-food-header {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-50.create-a-quick {
    font-size: 14px;
    line-height: 24px;
  }
  .text-block-50.new-noteworthy-text {
    line-height: 24px;
  }
  .row-25 {
    padding-top: 20px;
  }
  .paragraph-23 {
    font-size: 14px;
    line-height: 24px;
  }
  .heading-72.trek-the-process {
    font-size: 18px;
    line-height: 20px;
  }
  .container-61 {
    padding-top: 20px;
    padding-bottom: 40px;
  }
  .row-26 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .text-block-51 {
    font-size: 14px;
    line-height: 24px;
  }
  .text-block-52 {
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
  }
  .container-62 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-block-53 {
    font-size: 14px;
    line-height: 24px;
  }
  .container-63 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-block-54 {
    font-size: 14px;
    line-height: 24px;
  }
  .container-64 {
    padding-top: 0px;
  }
  .text-block-55 {
    font-size: 14px;
    line-height: 24px;
  }
  .food-trek-screen-mockups {
    padding-top: 225px;
    padding-bottom: 225px;
  }
  .find-food-trucks-mockups {
    padding-top: 0px;
  }
  .row-27 {
    padding-bottom: 0px;
  }
  .heading-73.find-food-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-56 {
    font-size: 14px;
    line-height: 24px;
  }
  .easy-order-pay {
    padding-top: 0px;
  }
  .heading-74.easy-order-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-57.screens-show-food-truck {
    font-size: 14px;
    line-height: 24px;
  }
  .heading-75.trek-final-design {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-58 {
    font-size: 14px;
    line-height: 24px;
  }
  .container-68 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .heading-76.trek-typography {
    font-size: 14px;
    line-height: 18px;
  }
  .heading-77.trek-branding-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .text-block-59 {
    padding-bottom: 0px;
    font-size: 14px;
    line-height: 24px;
  }
  .text-block-60.disclaimer {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 24px;
  }
  .portfolio-hero {
    padding-top: 10px;
    padding-bottom: 30px;
  }
  .div-block-3 {
    top: 0px;
  }
  .heading-82.selection-h3 {
    font-size: 16px;
    line-height: 14px;
  }
  .heading-83.portfolio-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .purrfect-nav-menu {
    background-color: #5a5c8a;
  }
  .contact-me-portfolio-bttn {
    left: 34px;
  }
  .heading-84.more-projects-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .container-79 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .heading-85.tools-i-use-header {
    font-size: 16px;
    line-height: 14px;
  }
  .text-block-65 {
    line-height: 24px;
  }
  .contact-container {
    padding-top: 100px;
  }
  .hello-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .contact-portfolio-link {
    color: #fff;
  }
  .contact-about-link {
    color: #fff;
  }
  .nav-link-4 {
    color: #fff;
  }
  .button-9 {
    width: 225px;
  }
  .like-what-you-see-container {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .text-field-3 {
    width: 100%;
  }
  .text-field-4 {
    width: 100%;
  }
  .submit-button-2 {
    width: 120px;
  }
  .textarea-2 {
    width: 100%;
  }
  .form-2 {
    margin-top: 20px;
  }
  .link-block-15 {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: inline-block;
  }
  .like-what-you-see-section {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .button-10 {
    width: 120px;
  }
  .button-10.product-showcase-prev-button {
    width: 110px;
  }
  .button-11 {
    width: 120px;
  }
  .button-11.party-of-two-next-button {
    width: 110px;
  }
  .heading-89.like-what-you-see-section-text {
    padding-right: 15px;
    padding-left: 15px;
    font-size: 16px;
  }
  .button-12 {
    width: 140px;
  }
  .section-3 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-5 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .section-6 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .container-89 {
    padding-top: 20px;
  }
  .welcome-to-my-design-space {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .ux-ui-design-section {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .hermione-computer-img {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .recommendations-section {
    padding-top: 10px;
    padding-bottom: 20px;
  }
  .like-what-you-see-homepage {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .more-projects-section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .icon {
    border-style: none;
    color: #fff;
  }
  .slider {
    height: 100%;
  }
  .recommendation-p {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 14px;
    line-height: 24px;
  }
  .recommendation-name {
    margin-top: 0px;
    padding-top: 20px;
    font-size: 18px;
    line-height: 20px;
  }
  .recommendation-title {
    font-size: 12px;
    line-height: 10px;
  }
  .recommendation-location {
    font-size: 12px;
    line-height: 10px;
  }
  .recommendations-sec {
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .recommendation-text-div {
    padding-bottom: 0px;
  }
  .slide-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
  .right-arrow {
    right: 8px;
  }
  .icon-2 {
    opacity: 0;
  }
  .icon-3 {
    opacity: 0;
  }
  .left-arrow {
    left: 8px;
  }
  .slide-nav-2 {
    bottom: -40px;
  }
  .welcome-h3 {
    font-size: 18px;
    line-height: 20px;
  }
  .welcome-h1 {
    font-size: 28px;
    line-height: 32px;
  }
  .intro-specs {
    margin-bottom: 40px;
  }
  .survey-h2 {
    margin-top: 0px;
    font-size: 18px;
    line-height: 20px;
  }
  .heading-97 {
    font-size: 18px;
    line-height: 20px;
  }
  .wireframes-h {
    font-size: 18px;
    line-height: 20px;
  }
  .survey-h {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-101 {
    font-size: 18px;
    line-height: 20px;
  }
  .swot-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .user-flows-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-102 {
    font-size: 18px;
    line-height: 20px;
  }
  .personas-h {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-107 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-108 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-109 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-110 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-111 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-112 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-113 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-114 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-115 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-116 {
    font-size: 18px;
    line-height: 20px;
  }
  .heading-117 {
    font-size: 18px;
    line-height: 20px;
  }
  .case-study-h1-light {
    font-size: 28px;
    line-height: 32px;
  }
  .case-study-h3-light {
    font-size: 16px;
    line-height: 14px;
  }
  .container-93 {
    padding-top: 40px;
  }
  .confession-h1 {
    padding-top: 0px;
    font-size: 28px;
    line-height: 32px;
  }
  .container-95 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .container-97 {
    padding-top: 10px;
  }
  .ux-ui-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .case-study-h1-dark {
    font-size: 28px;
    line-height: 32px;
  }
  .case-study-h3-dark {
    margin-top: 25px;
    font-size: 16px;
    line-height: 14px;
  }
  .container-98 {
    padding-top: 10px;
  }
  .blocbox-hero {
    margin-top: 70px;
  }
  .link-6 {
    left: 85px;
    right: 85px;
  }
  .front-row-hero {
    margin-top: 70px;
  }
  .the-story-h2 {
    font-size: 18px;
    line-height: 20px;
  }
  .testing {
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .front-row-fixed-img {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .blocbox-fixed-image {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .photography-fixed-img {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .survey-stats-text {
    line-height: 24px;
  }
  .pph-hero {
    margin-top: 70px;
  }
  .container-100 {
    padding-top: 20px;
  }
  .link-9 {
    left: 85px;
    right: 85px;
  }
  .pph-img-2 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-size: contain;
  }
  .the-solution-4 {
    padding-bottom: 15px;
  }
  .button-13 {
    width: 120px;
  }
  .button-14 {
    width: 140px;
  }
  .button-15 {
    width: 120px;
  }
}



#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1813px 1400px #FFF , 809px 896px #FFF , 918px 1353px #FFF , 964px 542px #FFF , 282px 955px #FFF , 1077px 1530px #FFF , 1716px 1170px #FFF , 241px 593px #FFF , 1613px 15px #FFF , 1837px 1832px #FFF , 56px 885px #FFF , 1113px 1489px #FFF , 1911px 125px #FFF , 927px 465px #FFF , 212px 705px #FFF , 227px 469px #FFF , 492px 623px #FFF , 1889px 946px #FFF , 71px 1632px #FFF , 1882px 1422px #FFF , 1738px 1597px #FFF , 409px 547px #FFF , 1591px 1256px #FFF , 699px 428px #FFF , 1995px 1421px #FFF , 876px 954px #FFF , 1594px 1215px #FFF , 257px 1356px #FFF , 927px 1326px #FFF , 1017px 70px #FFF , 933px 1625px #FFF , 1923px 1000px #FFF , 454px 230px #FFF , 1885px 429px #FFF , 1816px 1215px #FFF , 1281px 1367px #FFF , 1294px 1173px #FFF , 947px 595px #FFF , 496px 234px #FFF , 919px 992px #FFF , 780px 537px #FFF , 98px 1514px #FFF , 1285px 1811px #FFF , 394px 273px #FFF , 293px 450px #FFF , 526px 1338px #FFF , 1507px 1371px #FFF , 1659px 1480px #FFF , 137px 109px #FFF , 1815px 367px #FFF , 1289px 1162px #FFF , 90px 1524px #FFF , 1294px 458px #FFF , 570px 1340px #FFF , 1414px 602px #FFF , 300px 1710px #FFF , 283px 738px #FFF , 1535px 1679px #FFF , 1526px 317px #FFF , 1797px 319px #FFF , 244px 1532px #FFF , 1099px 1786px #FFF , 225px 1969px #FFF , 407px 1263px #FFF , 1661px 512px #FFF , 434px 844px #FFF , 372px 1261px #FFF , 711px 1877px #FFF , 676px 136px #FFF , 99px 564px #FFF , 1997px 88px #FFF , 100px 1043px #FFF , 247px 1032px #FFF , 1874px 528px #FFF , 1320px 685px #FFF , 1167px 1146px #FFF , 1968px 1947px #FFF , 1794px 1019px #FFF , 614px 805px #FFF , 1401px 934px #FFF , 1444px 1542px #FFF , 1971px 1353px #FFF , 1602px 1308px #FFF , 651px 1757px #FFF , 573px 796px #FFF , 1609px 880px #FFF , 1647px 966px #FFF , 701px 814px #FFF , 1584px 106px #FFF , 837px 483px #FFF , 607px 1636px #FFF , 82px 406px #FFF , 1393px 1054px #FFF , 217px 759px #FFF , 1880px 197px #FFF , 1347px 268px #FFF , 953px 1957px #FFF , 165px 1053px #FFF , 1983px 783px #FFF , 871px 1463px #FFF , 661px 1584px #FFF , 926px 1634px #FFF , 218px 156px #FFF , 228px 510px #FFF , 1851px 283px #FFF , 1483px 1192px #FFF , 883px 275px #FFF , 544px 238px #FFF , 310px 1978px #FFF , 864px 1431px #FFF , 1035px 656px #FFF , 1504px 107px #FFF , 1293px 835px #FFF , 1947px 1172px #FFF , 1242px 1138px #FFF , 1842px 33px #FFF , 1142px 908px #FFF , 1467px 1851px #FFF , 1055px 96px #FFF , 1621px 907px #FFF , 1094px 371px #FFF , 1935px 857px #FFF , 1931px 543px #FFF , 1480px 1052px #FFF , 1314px 275px #FFF , 190px 1393px #FFF , 769px 1508px #FFF , 875px 1494px #FFF , 1470px 219px #FFF , 54px 1446px #FFF , 566px 1719px #FFF , 552px 1075px #FFF , 296px 1045px #FFF , 961px 1163px #FFF , 1551px 1993px #FFF , 920px 62px #FFF , 1425px 726px #FFF , 1214px 1159px #FFF , 1067px 509px #FFF , 1398px 471px #FFF , 444px 1859px #FFF , 1369px 1243px #FFF , 1854px 551px #FFF , 297px 135px #FFF , 1822px 616px #FFF , 1136px 108px #FFF , 115px 1517px #FFF , 1258px 1540px #FFF , 208px 118px #FFF , 1549px 1065px #FFF , 1682px 1721px #FFF , 892px 142px #FFF , 901px 689px #FFF , 1180px 1760px #FFF , 4px 598px #FFF , 1770px 349px #FFF , 1703px 569px #FFF , 1828px 83px #FFF , 1946px 1035px #FFF , 889px 1083px #FFF , 245px 621px #FFF , 1508px 263px #FFF , 892px 1451px #FFF , 209px 1502px #FFF , 1162px 581px #FFF , 918px 37px #FFF , 1128px 1527px #FFF , 144px 695px #FFF , 850px 823px #FFF , 1662px 669px #FFF , 552px 1787px #FFF , 756px 180px #FFF , 851px 711px #FFF , 1965px 1540px #FFF , 777px 2px #FFF , 723px 506px #FFF , 336px 1091px #FFF , 363px 28px #FFF , 1266px 38px #FFF , 1594px 1348px #FFF , 103px 216px #FFF , 1629px 204px #FFF , 1919px 32px #FFF , 56px 1186px #FFF , 642px 1119px #FFF , 988px 258px #FFF , 411px 950px #FFF , 591px 1554px #FFF , 1446px 1965px #FFF , 1837px 53px #FFF , 835px 883px #FFF , 41px 530px #FFF , 1244px 358px #FFF , 1450px 1481px #FFF , 121px 751px #FFF , 1257px 1291px #FFF , 456px 1040px #FFF , 1129px 1039px #FFF , 1892px 1217px #FFF , 280px 908px #FFF , 1178px 1319px #FFF , 1660px 1119px #FFF , 915px 1382px #FFF , 1789px 1597px #FFF , 1977px 154px #FFF , 342px 272px #FFF , 420px 958px #FFF , 1326px 752px #FFF , 716px 365px #FFF , 284px 531px #FFF , 486px 63px #FFF , 1425px 691px #FFF , 1916px 1068px #FFF , 89px 393px #FFF , 1074px 1314px #FFF , 374px 663px #FFF , 268px 1167px #FFF , 1542px 1532px #FFF , 1944px 671px #FFF , 1061px 242px #FFF , 1262px 1612px #FFF , 67px 960px #FFF , 1722px 1083px #FFF , 1960px 1438px #FFF , 206px 1768px #FFF , 1658px 1920px #FFF , 379px 1172px #FFF , 1929px 1649px #FFF , 904px 41px #FFF , 261px 654px #FFF , 1237px 463px #FFF , 1454px 1436px #FFF , 1452px 1422px #FFF , 504px 817px #FFF , 1517px 231px #FFF , 713px 139px #FFF , 333px 657px #FFF , 1453px 825px #FFF , 813px 791px #FFF , 649px 1555px #FFF , 23px 1045px #FFF , 686px 1028px #FFF , 1977px 1233px #FFF , 722px 1382px #FFF , 707px 1251px #FFF , 157px 1880px #FFF , 248px 495px #FFF , 1503px 224px #FFF , 1714px 48px #FFF , 1455px 1199px #FFF , 1000px 358px #FFF , 1557px 1757px #FFF , 1507px 1101px #FFF , 903px 1108px #FFF , 1801px 1113px #FFF , 1488px 1974px #FFF , 1150px 1818px #FFF , 520px 1556px #FFF , 411px 207px #FFF , 43px 1755px #FFF , 1746px 1763px #FFF , 342px 1768px #FFF , 34px 953px #FFF , 9px 1930px #FFF , 446px 1988px #FFF , 1312px 193px #FFF , 979px 1468px #FFF , 998px 9px #FFF , 764px 1435px #FFF , 432px 1896px #FFF , 435px 463px #FFF , 11px 1374px #FFF , 1896px 593px #FFF , 6px 1822px #FFF , 1295px 1517px #FFF , 88px 366px #FFF , 849px 412px #FFF , 463px 240px #FFF , 678px 242px #FFF , 1101px 539px #FFF , 1428px 949px #FFF , 563px 1256px #FFF , 977px 657px #FFF , 208px 1416px #FFF , 1248px 573px #FFF , 1584px 1901px #FFF , 1323px 390px #FFF , 1820px 1550px #FFF , 368px 470px #FFF , 549px 1119px #FFF , 1964px 1912px #FFF , 1737px 618px #FFF , 864px 930px #FFF , 1234px 1064px #FFF , 618px 1103px #FFF , 72px 704px #FFF , 1435px 1832px #FFF , 70px 1818px #FFF , 857px 1015px #FFF , 161px 62px #FFF , 609px 1986px #FFF , 1688px 1070px #FFF , 695px 984px #FFF , 1697px 1564px #FFF , 1816px 1258px #FFF , 594px 1477px #FFF , 230px 1885px #FFF , 709px 527px #FFF , 1081px 700px #FFF , 1085px 1427px #FFF , 1440px 1777px #FFF , 461px 1440px #FFF , 1384px 1772px #FFF , 1646px 1309px #FFF , 1956px 1062px #FFF , 739px 1471px #FFF , 1338px 976px #FFF , 1574px 1px #FFF , 1393px 457px #FFF , 1812px 1364px #FFF , 272px 791px #FFF , 176px 1624px #FFF , 667px 1224px #FFF , 1372px 690px #FFF , 244px 142px #FFF , 424px 480px #FFF , 1712px 487px #FFF , 739px 1776px #FFF , 81px 1278px #FFF , 674px 634px #FFF , 709px 1273px #FFF , 485px 1629px #FFF , 1529px 101px #FFF , 829px 1986px #FFF , 856px 43px #FFF , 1648px 515px #FFF , 1498px 1502px #FFF , 60px 146px #FFF , 1796px 60px #FFF , 507px 1428px #FFF , 320px 410px #FFF , 1837px 228px #FFF , 510px 768px #FFF , 1px 1368px #FFF , 1914px 654px #FFF , 585px 1698px #FFF , 169px 448px #FFF , 822px 1645px #FFF , 381px 1560px #FFF , 1632px 1310px #FFF , 215px 828px #FFF , 124px 1862px #FFF , 1782px 601px #FFF , 868px 682px #FFF , 323px 1860px #FFF , 1176px 1834px #FFF , 1853px 1595px #FFF , 889px 521px #FFF , 875px 1405px #FFF , 1475px 171px #FFF , 1432px 1209px #FFF , 821px 1378px #FFF , 1605px 965px #FFF , 1643px 1515px #FFF , 228px 1202px #FFF , 1795px 268px #FFF , 71px 1611px #FFF , 303px 1079px #FFF , 1802px 1186px #FFF , 1069px 1977px #FFF , 732px 94px #FFF , 359px 194px #FFF , 1147px 517px #FFF , 1137px 1151px #FFF , 1635px 734px #FFF , 683px 96px #FFF , 1733px 1259px #FFF , 1788px 1814px #FFF , 576px 1970px #FFF , 566px 1820px #FFF , 187px 1069px #FFF , 74px 458px #FFF , 830px 608px #FFF , 829px 1159px #FFF , 1952px 1617px #FFF , 353px 376px #FFF , 1353px 1841px #FFF , 1301px 396px #FFF , 159px 1617px #FFF , 1176px 1170px #FFF , 1309px 141px #FFF , 1305px 1645px #FFF , 466px 1824px #FFF , 372px 816px #FFF , 432px 1573px #FFF , 1781px 1726px #FFF , 1210px 1273px #FFF , 1683px 1027px #FFF , 1600px 906px #FFF , 968px 1797px #FFF , 1748px 1420px #FFF , 489px 1742px #FFF , 338px 1566px #FFF , 1092px 1788px #FFF , 1489px 1970px #FFF , 1435px 71px #FFF , 101px 1424px #FFF , 1950px 213px #FFF , 134px 204px #FFF , 1036px 1582px #FFF , 754px 289px #FFF , 1239px 167px #FFF , 671px 281px #FFF , 367px 694px #FFF , 1425px 1757px #FFF , 1538px 239px #FFF , 1451px 1430px #FFF , 1609px 1451px #FFF , 440px 1344px #FFF , 78px 1644px #FFF , 71px 1254px #FFF , 740px 1549px #FFF , 565px 993px #FFF , 248px 836px #FFF , 1916px 962px #FFF , 668px 485px #FFF , 531px 273px #FFF , 1154px 1285px #FFF , 715px 514px #FFF , 1954px 1494px #FFF , 1693px 873px #FFF , 1487px 501px #FFF , 482px 713px #FFF , 1156px 1790px #FFF , 7px 1386px #FFF , 1492px 412px #FFF , 1297px 719px #FFF , 1057px 1618px #FFF , 922px 1689px #FFF , 14px 113px #FFF , 275px 1106px #FFF , 1565px 177px #FFF , 1430px 1489px #FFF , 942px 682px #FFF , 635px 1564px #FFF , 450px 1993px #FFF , 55px 715px #FFF , 1310px 1201px #FFF , 1540px 1032px #FFF , 458px 1333px #FFF , 1379px 1819px #FFF , 401px 17px #FFF , 1118px 1096px #FFF , 1907px 1177px #FFF , 1809px 1993px #FFF , 357px 390px #FFF , 1130px 216px #FFF , 1782px 1190px #FFF , 1200px 1550px #FFF , 1578px 1415px #FFF , 1255px 1889px #FFF , 945px 1236px #FFF , 1465px 1288px #FFF , 1168px 497px #FFF , 1264px 1590px #FFF , 1652px 590px #FFF , 746px 544px #FFF , 1254px 1914px #FFF , 650px 1698px #FFF , 1196px 13px #FFF , 1240px 1286px #FFF , 790px 1994px #FFF , 1277px 310px #FFF , 282px 228px #FFF , 1215px 977px #FFF , 1648px 331px #FFF , 1710px 753px #FFF , 1728px 764px #FFF , 1820px 521px #FFF , 1750px 1197px #FFF , 1823px 659px #FFF , 1364px 595px #FFF , 1263px 140px #FFF , 612px 1107px #FFF , 1752px 756px #FFF , 773px 256px #FFF , 1485px 646px #FFF , 1464px 779px #FFF , 360px 969px #FFF , 1814px 1620px #FFF , 1879px 1782px #FFF , 29px 1591px #FFF , 757px 1196px #FFF , 1329px 34px #FFF , 1188px 555px #FFF , 1294px 1448px #FFF , 853px 316px #FFF , 1188px 1505px #FFF , 1467px 947px #FFF , 1866px 459px #FFF , 1090px 265px #FFF , 1960px 509px #FFF , 129px 947px #FFF , 897px 99px #FFF , 427px 1715px #FFF , 1214px 1415px #FFF , 1056px 422px #FFF , 1213px 797px #FFF , 1091px 1789px #FFF , 213px 1234px #FFF , 915px 1124px #FFF , 846px 1596px #FFF , 1502px 1401px #FFF , 1602px 1176px #FFF , 157px 1200px #FFF , 953px 280px #FFF , 19px 506px #FFF , 1235px 1687px #FFF , 876px 701px #FFF , 1051px 1767px #FFF , 841px 441px #FFF , 1207px 303px #FFF , 629px 1485px #FFF , 726px 666px #FFF , 1072px 483px #FFF , 1536px 763px #FFF , 1108px 472px #FFF , 172px 1112px #FFF , 1311px 271px #FFF , 831px 734px #FFF , 547px 735px #FFF , 1671px 1166px #FFF , 1265px 185px #FFF , 1389px 1745px #FFF , 53px 1207px #FFF , 436px 525px #FFF , 1970px 1920px #FFF , 1374px 1594px #FFF , 403px 790px #FFF , 326px 1769px #FFF , 1953px 949px #FFF , 205px 393px #FFF , 845px 1631px #FFF , 457px 1743px #FFF , 105px 1160px #FFF , 1680px 346px #FFF , 1949px 736px #FFF , 1693px 722px #FFF , 375px 880px #FFF , 1040px 766px #FFF , 137px 1691px #FFF , 1936px 1854px #FFF , 1330px 1866px #FFF , 246px 1164px #FFF , 174px 1848px #FFF , 1496px 384px #FFF , 1479px 741px #FFF , 46px 12px #FFF , 466px 116px #FFF , 466px 114px #FFF , 1801px 1794px #FFF , 1344px 185px #FFF , 325px 86px #FFF , 807px 997px #FFF , 588px 1813px #FFF , 730px 810px #FFF , 712px 763px #FFF , 1230px 683px #FFF , 400px 328px #FFF , 1692px 1390px #FFF , 399px 108px #FFF , 110px 1589px #FFF , 1083px 1785px #FFF , 471px 510px #FFF , 1788px 1260px #FFF , 785px 1608px #FFF , 795px 1240px #FFF , 909px 1389px #FFF , 591px 686px #FFF , 210px 1708px #FFF , 238px 1832px #FFF , 1005px 342px #FFF , 1648px 1180px #FFF , 111px 1884px #FFF , 1713px 334px #FFF , 375px 1402px #FFF , 235px 1343px #FFF , 1716px 485px #FFF , 1186px 511px #FFF , 518px 392px #FFF , 371px 76px #FFF , 1574px 1803px #FFF , 816px 1083px #FFF , 370px 1671px #FFF , 1696px 908px #FFF , 1552px 1989px #FFF , 463px 1032px #FFF , 714px 52px #FFF , 391px 1457px #FFF , 1834px 2000px #FFF , 1682px 1605px #FFF , 1313px 1465px #FFF , 1030px 1214px #FFF , 331px 1977px #FFF , 398px 128px #FFF , 1757px 786px #FFF , 1080px 954px #FFF , 113px 1745px #FFF , 52px 309px #FFF , 1512px 292px #FFF , 696px 1179px #FFF , 1515px 363px #FFF , 1160px 308px #FFF , 1743px 835px #FFF , 1665px 1823px #FFF , 577px 828px #FFF , 1791px 1779px #FFF , 636px 1053px #FFF , 1779px 1511px #FFF , 15px 1342px #FFF , 964px 1001px #FFF , 134px 1287px #FFF , 1485px 308px #FFF , 1297px 1773px #FFF , 707px 216px #FFF , 796px 307px #FFF , 1335px 1708px #FFF , 1892px 510px #FFF , 335px 1482px #FFF , 1578px 1791px #FFF , 1590px 305px #FFF , 1527px 621px #FFF , 226px 1982px #FFF , 1711px 441px #FFF , 1343px 1410px #FFF , 1145px 1793px #FFF , 1137px 1109px #FFF , 1277px 228px #FFF , 1905px 1873px #FFF , 768px 1676px #FFF , 1234px 318px #FFF , 1288px 458px #FFF , 680px 1036px #FFF , 1616px 1201px #FFF , 573px 1014px #FFF , 476px 1065px #FFF , 539px 927px #FFF , 528px 1432px #FFF , 1386px 883px #FFF , 1272px 1190px #FFF , 526px 1537px #FFF , 833px 1195px #FFF , 344px 683px #FFF , 1243px 555px #FFF , 1176px 301px #FFF , 505px 256px #FFF , 1654px 1717px #FFF , 192px 897px #FFF , 42px 1638px #FFF , 978px 1076px #FFF , 634px 78px #FFF , 897px 988px #FFF , 1653px 224px #FFF , 932px 1572px #FFF , 1970px 253px #FFF , 826px 769px #FFF , 25px 1789px #FFF , 877px 1663px #FFF , 1957px 308px #FFF , 785px 592px #FFF , 1552px 122px #FFF , 17px 1203px #FFF , 483px 1830px #FFF , 467px 1550px #FFF , 1247px 1116px #FFF , 204px 1952px #FFF , 129px 51px #FFF , 1153px 34px #FFF , 1852px 969px #FFF , 1007px 884px #FFF , 1419px 1063px #FFF , 1326px 92px #FFF , 1573px 1642px #FFF , 529px 1184px #FFF , 162px 366px #FFF , 1941px 400px #FFF , 1367px 1803px #FFF , 1830px 1005px #FFF , 399px 1540px #FFF , 1227px 1533px #FFF , 1573px 1835px #FFF , 1382px 1912px #FFF , 679px 1027px #FFF , 209px 163px #FFF , 1349px 1233px #FFF , 427px 607px #FFF , 415px 285px #FFF , 1082px 273px #FFF , 743px 876px #FFF , 614px 1937px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 1813px 1400px #FFF , 809px 896px #FFF , 918px 1353px #FFF , 964px 542px #FFF , 282px 955px #FFF , 1077px 1530px #FFF , 1716px 1170px #FFF , 241px 593px #FFF , 1613px 15px #FFF , 1837px 1832px #FFF , 56px 885px #FFF , 1113px 1489px #FFF , 1911px 125px #FFF , 927px 465px #FFF , 212px 705px #FFF , 227px 469px #FFF , 492px 623px #FFF , 1889px 946px #FFF , 71px 1632px #FFF , 1882px 1422px #FFF , 1738px 1597px #FFF , 409px 547px #FFF , 1591px 1256px #FFF , 699px 428px #FFF , 1995px 1421px #FFF , 876px 954px #FFF , 1594px 1215px #FFF , 257px 1356px #FFF , 927px 1326px #FFF , 1017px 70px #FFF , 933px 1625px #FFF , 1923px 1000px #FFF , 454px 230px #FFF , 1885px 429px #FFF , 1816px 1215px #FFF , 1281px 1367px #FFF , 1294px 1173px #FFF , 947px 595px #FFF , 496px 234px #FFF , 919px 992px #FFF , 780px 537px #FFF , 98px 1514px #FFF , 1285px 1811px #FFF , 394px 273px #FFF , 293px 450px #FFF , 526px 1338px #FFF , 1507px 1371px #FFF , 1659px 1480px #FFF , 137px 109px #FFF , 1815px 367px #FFF , 1289px 1162px #FFF , 90px 1524px #FFF , 1294px 458px #FFF , 570px 1340px #FFF , 1414px 602px #FFF , 300px 1710px #FFF , 283px 738px #FFF , 1535px 1679px #FFF , 1526px 317px #FFF , 1797px 319px #FFF , 244px 1532px #FFF , 1099px 1786px #FFF , 225px 1969px #FFF , 407px 1263px #FFF , 1661px 512px #FFF , 434px 844px #FFF , 372px 1261px #FFF , 711px 1877px #FFF , 676px 136px #FFF , 99px 564px #FFF , 1997px 88px #FFF , 100px 1043px #FFF , 247px 1032px #FFF , 1874px 528px #FFF , 1320px 685px #FFF , 1167px 1146px #FFF , 1968px 1947px #FFF , 1794px 1019px #FFF , 614px 805px #FFF , 1401px 934px #FFF , 1444px 1542px #FFF , 1971px 1353px #FFF , 1602px 1308px #FFF , 651px 1757px #FFF , 573px 796px #FFF , 1609px 880px #FFF , 1647px 966px #FFF , 701px 814px #FFF , 1584px 106px #FFF , 837px 483px #FFF , 607px 1636px #FFF , 82px 406px #FFF , 1393px 1054px #FFF , 217px 759px #FFF , 1880px 197px #FFF , 1347px 268px #FFF , 953px 1957px #FFF , 165px 1053px #FFF , 1983px 783px #FFF , 871px 1463px #FFF , 661px 1584px #FFF , 926px 1634px #FFF , 218px 156px #FFF , 228px 510px #FFF , 1851px 283px #FFF , 1483px 1192px #FFF , 883px 275px #FFF , 544px 238px #FFF , 310px 1978px #FFF , 864px 1431px #FFF , 1035px 656px #FFF , 1504px 107px #FFF , 1293px 835px #FFF , 1947px 1172px #FFF , 1242px 1138px #FFF , 1842px 33px #FFF , 1142px 908px #FFF , 1467px 1851px #FFF , 1055px 96px #FFF , 1621px 907px #FFF , 1094px 371px #FFF , 1935px 857px #FFF , 1931px 543px #FFF , 1480px 1052px #FFF , 1314px 275px #FFF , 190px 1393px #FFF , 769px 1508px #FFF , 875px 1494px #FFF , 1470px 219px #FFF , 54px 1446px #FFF , 566px 1719px #FFF , 552px 1075px #FFF , 296px 1045px #FFF , 961px 1163px #FFF , 1551px 1993px #FFF , 920px 62px #FFF , 1425px 726px #FFF , 1214px 1159px #FFF , 1067px 509px #FFF , 1398px 471px #FFF , 444px 1859px #FFF , 1369px 1243px #FFF , 1854px 551px #FFF , 297px 135px #FFF , 1822px 616px #FFF , 1136px 108px #FFF , 115px 1517px #FFF , 1258px 1540px #FFF , 208px 118px #FFF , 1549px 1065px #FFF , 1682px 1721px #FFF , 892px 142px #FFF , 901px 689px #FFF , 1180px 1760px #FFF , 4px 598px #FFF , 1770px 349px #FFF , 1703px 569px #FFF , 1828px 83px #FFF , 1946px 1035px #FFF , 889px 1083px #FFF , 245px 621px #FFF , 1508px 263px #FFF , 892px 1451px #FFF , 209px 1502px #FFF , 1162px 581px #FFF , 918px 37px #FFF , 1128px 1527px #FFF , 144px 695px #FFF , 850px 823px #FFF , 1662px 669px #FFF , 552px 1787px #FFF , 756px 180px #FFF , 851px 711px #FFF , 1965px 1540px #FFF , 777px 2px #FFF , 723px 506px #FFF , 336px 1091px #FFF , 363px 28px #FFF , 1266px 38px #FFF , 1594px 1348px #FFF , 103px 216px #FFF , 1629px 204px #FFF , 1919px 32px #FFF , 56px 1186px #FFF , 642px 1119px #FFF , 988px 258px #FFF , 411px 950px #FFF , 591px 1554px #FFF , 1446px 1965px #FFF , 1837px 53px #FFF , 835px 883px #FFF , 41px 530px #FFF , 1244px 358px #FFF , 1450px 1481px #FFF , 121px 751px #FFF , 1257px 1291px #FFF , 456px 1040px #FFF , 1129px 1039px #FFF , 1892px 1217px #FFF , 280px 908px #FFF , 1178px 1319px #FFF , 1660px 1119px #FFF , 915px 1382px #FFF , 1789px 1597px #FFF , 1977px 154px #FFF , 342px 272px #FFF , 420px 958px #FFF , 1326px 752px #FFF , 716px 365px #FFF , 284px 531px #FFF , 486px 63px #FFF , 1425px 691px #FFF , 1916px 1068px #FFF , 89px 393px #FFF , 1074px 1314px #FFF , 374px 663px #FFF , 268px 1167px #FFF , 1542px 1532px #FFF , 1944px 671px #FFF , 1061px 242px #FFF , 1262px 1612px #FFF , 67px 960px #FFF , 1722px 1083px #FFF , 1960px 1438px #FFF , 206px 1768px #FFF , 1658px 1920px #FFF , 379px 1172px #FFF , 1929px 1649px #FFF , 904px 41px #FFF , 261px 654px #FFF , 1237px 463px #FFF , 1454px 1436px #FFF , 1452px 1422px #FFF , 504px 817px #FFF , 1517px 231px #FFF , 713px 139px #FFF , 333px 657px #FFF , 1453px 825px #FFF , 813px 791px #FFF , 649px 1555px #FFF , 23px 1045px #FFF , 686px 1028px #FFF , 1977px 1233px #FFF , 722px 1382px #FFF , 707px 1251px #FFF , 157px 1880px #FFF , 248px 495px #FFF , 1503px 224px #FFF , 1714px 48px #FFF , 1455px 1199px #FFF , 1000px 358px #FFF , 1557px 1757px #FFF , 1507px 1101px #FFF , 903px 1108px #FFF , 1801px 1113px #FFF , 1488px 1974px #FFF , 1150px 1818px #FFF , 520px 1556px #FFF , 411px 207px #FFF , 43px 1755px #FFF , 1746px 1763px #FFF , 342px 1768px #FFF , 34px 953px #FFF , 9px 1930px #FFF , 446px 1988px #FFF , 1312px 193px #FFF , 979px 1468px #FFF , 998px 9px #FFF , 764px 1435px #FFF , 432px 1896px #FFF , 435px 463px #FFF , 11px 1374px #FFF , 1896px 593px #FFF , 6px 1822px #FFF , 1295px 1517px #FFF , 88px 366px #FFF , 849px 412px #FFF , 463px 240px #FFF , 678px 242px #FFF , 1101px 539px #FFF , 1428px 949px #FFF , 563px 1256px #FFF , 977px 657px #FFF , 208px 1416px #FFF , 1248px 573px #FFF , 1584px 1901px #FFF , 1323px 390px #FFF , 1820px 1550px #FFF , 368px 470px #FFF , 549px 1119px #FFF , 1964px 1912px #FFF , 1737px 618px #FFF , 864px 930px #FFF , 1234px 1064px #FFF , 618px 1103px #FFF , 72px 704px #FFF , 1435px 1832px #FFF , 70px 1818px #FFF , 857px 1015px #FFF , 161px 62px #FFF , 609px 1986px #FFF , 1688px 1070px #FFF , 695px 984px #FFF , 1697px 1564px #FFF , 1816px 1258px #FFF , 594px 1477px #FFF , 230px 1885px #FFF , 709px 527px #FFF , 1081px 700px #FFF , 1085px 1427px #FFF , 1440px 1777px #FFF , 461px 1440px #FFF , 1384px 1772px #FFF , 1646px 1309px #FFF , 1956px 1062px #FFF , 739px 1471px #FFF , 1338px 976px #FFF , 1574px 1px #FFF , 1393px 457px #FFF , 1812px 1364px #FFF , 272px 791px #FFF , 176px 1624px #FFF , 667px 1224px #FFF , 1372px 690px #FFF , 244px 142px #FFF , 424px 480px #FFF , 1712px 487px #FFF , 739px 1776px #FFF , 81px 1278px #FFF , 674px 634px #FFF , 709px 1273px #FFF , 485px 1629px #FFF , 1529px 101px #FFF , 829px 1986px #FFF , 856px 43px #FFF , 1648px 515px #FFF , 1498px 1502px #FFF , 60px 146px #FFF , 1796px 60px #FFF , 507px 1428px #FFF , 320px 410px #FFF , 1837px 228px #FFF , 510px 768px #FFF , 1px 1368px #FFF , 1914px 654px #FFF , 585px 1698px #FFF , 169px 448px #FFF , 822px 1645px #FFF , 381px 1560px #FFF , 1632px 1310px #FFF , 215px 828px #FFF , 124px 1862px #FFF , 1782px 601px #FFF , 868px 682px #FFF , 323px 1860px #FFF , 1176px 1834px #FFF , 1853px 1595px #FFF , 889px 521px #FFF , 875px 1405px #FFF , 1475px 171px #FFF , 1432px 1209px #FFF , 821px 1378px #FFF , 1605px 965px #FFF , 1643px 1515px #FFF , 228px 1202px #FFF , 1795px 268px #FFF , 71px 1611px #FFF , 303px 1079px #FFF , 1802px 1186px #FFF , 1069px 1977px #FFF , 732px 94px #FFF , 359px 194px #FFF , 1147px 517px #FFF , 1137px 1151px #FFF , 1635px 734px #FFF , 683px 96px #FFF , 1733px 1259px #FFF , 1788px 1814px #FFF , 576px 1970px #FFF , 566px 1820px #FFF , 187px 1069px #FFF , 74px 458px #FFF , 830px 608px #FFF , 829px 1159px #FFF , 1952px 1617px #FFF , 353px 376px #FFF , 1353px 1841px #FFF , 1301px 396px #FFF , 159px 1617px #FFF , 1176px 1170px #FFF , 1309px 141px #FFF , 1305px 1645px #FFF , 466px 1824px #FFF , 372px 816px #FFF , 432px 1573px #FFF , 1781px 1726px #FFF , 1210px 1273px #FFF , 1683px 1027px #FFF , 1600px 906px #FFF , 968px 1797px #FFF , 1748px 1420px #FFF , 489px 1742px #FFF , 338px 1566px #FFF , 1092px 1788px #FFF , 1489px 1970px #FFF , 1435px 71px #FFF , 101px 1424px #FFF , 1950px 213px #FFF , 134px 204px #FFF , 1036px 1582px #FFF , 754px 289px #FFF , 1239px 167px #FFF , 671px 281px #FFF , 367px 694px #FFF , 1425px 1757px #FFF , 1538px 239px #FFF , 1451px 1430px #FFF , 1609px 1451px #FFF , 440px 1344px #FFF , 78px 1644px #FFF , 71px 1254px #FFF , 740px 1549px #FFF , 565px 993px #FFF , 248px 836px #FFF , 1916px 962px #FFF , 668px 485px #FFF , 531px 273px #FFF , 1154px 1285px #FFF , 715px 514px #FFF , 1954px 1494px #FFF , 1693px 873px #FFF , 1487px 501px #FFF , 482px 713px #FFF , 1156px 1790px #FFF , 7px 1386px #FFF , 1492px 412px #FFF , 1297px 719px #FFF , 1057px 1618px #FFF , 922px 1689px #FFF , 14px 113px #FFF , 275px 1106px #FFF , 1565px 177px #FFF , 1430px 1489px #FFF , 942px 682px #FFF , 635px 1564px #FFF , 450px 1993px #FFF , 55px 715px #FFF , 1310px 1201px #FFF , 1540px 1032px #FFF , 458px 1333px #FFF , 1379px 1819px #FFF , 401px 17px #FFF , 1118px 1096px #FFF , 1907px 1177px #FFF , 1809px 1993px #FFF , 357px 390px #FFF , 1130px 216px #FFF , 1782px 1190px #FFF , 1200px 1550px #FFF , 1578px 1415px #FFF , 1255px 1889px #FFF , 945px 1236px #FFF , 1465px 1288px #FFF , 1168px 497px #FFF , 1264px 1590px #FFF , 1652px 590px #FFF , 746px 544px #FFF , 1254px 1914px #FFF , 650px 1698px #FFF , 1196px 13px #FFF , 1240px 1286px #FFF , 790px 1994px #FFF , 1277px 310px #FFF , 282px 228px #FFF , 1215px 977px #FFF , 1648px 331px #FFF , 1710px 753px #FFF , 1728px 764px #FFF , 1820px 521px #FFF , 1750px 1197px #FFF , 1823px 659px #FFF , 1364px 595px #FFF , 1263px 140px #FFF , 612px 1107px #FFF , 1752px 756px #FFF , 773px 256px #FFF , 1485px 646px #FFF , 1464px 779px #FFF , 360px 969px #FFF , 1814px 1620px #FFF , 1879px 1782px #FFF , 29px 1591px #FFF , 757px 1196px #FFF , 1329px 34px #FFF , 1188px 555px #FFF , 1294px 1448px #FFF , 853px 316px #FFF , 1188px 1505px #FFF , 1467px 947px #FFF , 1866px 459px #FFF , 1090px 265px #FFF , 1960px 509px #FFF , 129px 947px #FFF , 897px 99px #FFF , 427px 1715px #FFF , 1214px 1415px #FFF , 1056px 422px #FFF , 1213px 797px #FFF , 1091px 1789px #FFF , 213px 1234px #FFF , 915px 1124px #FFF , 846px 1596px #FFF , 1502px 1401px #FFF , 1602px 1176px #FFF , 157px 1200px #FFF , 953px 280px #FFF , 19px 506px #FFF , 1235px 1687px #FFF , 876px 701px #FFF , 1051px 1767px #FFF , 841px 441px #FFF , 1207px 303px #FFF , 629px 1485px #FFF , 726px 666px #FFF , 1072px 483px #FFF , 1536px 763px #FFF , 1108px 472px #FFF , 172px 1112px #FFF , 1311px 271px #FFF , 831px 734px #FFF , 547px 735px #FFF , 1671px 1166px #FFF , 1265px 185px #FFF , 1389px 1745px #FFF , 53px 1207px #FFF , 436px 525px #FFF , 1970px 1920px #FFF , 1374px 1594px #FFF , 403px 790px #FFF , 326px 1769px #FFF , 1953px 949px #FFF , 205px 393px #FFF , 845px 1631px #FFF , 457px 1743px #FFF , 105px 1160px #FFF , 1680px 346px #FFF , 1949px 736px #FFF , 1693px 722px #FFF , 375px 880px #FFF , 1040px 766px #FFF , 137px 1691px #FFF , 1936px 1854px #FFF , 1330px 1866px #FFF , 246px 1164px #FFF , 174px 1848px #FFF , 1496px 384px #FFF , 1479px 741px #FFF , 46px 12px #FFF , 466px 116px #FFF , 466px 114px #FFF , 1801px 1794px #FFF , 1344px 185px #FFF , 325px 86px #FFF , 807px 997px #FFF , 588px 1813px #FFF , 730px 810px #FFF , 712px 763px #FFF , 1230px 683px #FFF , 400px 328px #FFF , 1692px 1390px #FFF , 399px 108px #FFF , 110px 1589px #FFF , 1083px 1785px #FFF , 471px 510px #FFF , 1788px 1260px #FFF , 785px 1608px #FFF , 795px 1240px #FFF , 909px 1389px #FFF , 591px 686px #FFF , 210px 1708px #FFF , 238px 1832px #FFF , 1005px 342px #FFF , 1648px 1180px #FFF , 111px 1884px #FFF , 1713px 334px #FFF , 375px 1402px #FFF , 235px 1343px #FFF , 1716px 485px #FFF , 1186px 511px #FFF , 518px 392px #FFF , 371px 76px #FFF , 1574px 1803px #FFF , 816px 1083px #FFF , 370px 1671px #FFF , 1696px 908px #FFF , 1552px 1989px #FFF , 463px 1032px #FFF , 714px 52px #FFF , 391px 1457px #FFF , 1834px 2000px #FFF , 1682px 1605px #FFF , 1313px 1465px #FFF , 1030px 1214px #FFF , 331px 1977px #FFF , 398px 128px #FFF , 1757px 786px #FFF , 1080px 954px #FFF , 113px 1745px #FFF , 52px 309px #FFF , 1512px 292px #FFF , 696px 1179px #FFF , 1515px 363px #FFF , 1160px 308px #FFF , 1743px 835px #FFF , 1665px 1823px #FFF , 577px 828px #FFF , 1791px 1779px #FFF , 636px 1053px #FFF , 1779px 1511px #FFF , 15px 1342px #FFF , 964px 1001px #FFF , 134px 1287px #FFF , 1485px 308px #FFF , 1297px 1773px #FFF , 707px 216px #FFF , 796px 307px #FFF , 1335px 1708px #FFF , 1892px 510px #FFF , 335px 1482px #FFF , 1578px 1791px #FFF , 1590px 305px #FFF , 1527px 621px #FFF , 226px 1982px #FFF , 1711px 441px #FFF , 1343px 1410px #FFF , 1145px 1793px #FFF , 1137px 1109px #FFF , 1277px 228px #FFF , 1905px 1873px #FFF , 768px 1676px #FFF , 1234px 318px #FFF , 1288px 458px #FFF , 680px 1036px #FFF , 1616px 1201px #FFF , 573px 1014px #FFF , 476px 1065px #FFF , 539px 927px #FFF , 528px 1432px #FFF , 1386px 883px #FFF , 1272px 1190px #FFF , 526px 1537px #FFF , 833px 1195px #FFF , 344px 683px #FFF , 1243px 555px #FFF , 1176px 301px #FFF , 505px 256px #FFF , 1654px 1717px #FFF , 192px 897px #FFF , 42px 1638px #FFF , 978px 1076px #FFF , 634px 78px #FFF , 897px 988px #FFF , 1653px 224px #FFF , 932px 1572px #FFF , 1970px 253px #FFF , 826px 769px #FFF , 25px 1789px #FFF , 877px 1663px #FFF , 1957px 308px #FFF , 785px 592px #FFF , 1552px 122px #FFF , 17px 1203px #FFF , 483px 1830px #FFF , 467px 1550px #FFF , 1247px 1116px #FFF , 204px 1952px #FFF , 129px 51px #FFF , 1153px 34px #FFF , 1852px 969px #FFF , 1007px 884px #FFF , 1419px 1063px #FFF , 1326px 92px #FFF , 1573px 1642px #FFF , 529px 1184px #FFF , 162px 366px #FFF , 1941px 400px #FFF , 1367px 1803px #FFF , 1830px 1005px #FFF , 399px 1540px #FFF , 1227px 1533px #FFF , 1573px 1835px #FFF , 1382px 1912px #FFF , 679px 1027px #FFF , 209px 163px #FFF , 1349px 1233px #FFF , 427px 607px #FFF , 415px 285px #FFF , 1082px 273px #FFF , 743px 876px #FFF , 614px 1937px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1072px 83px #FFF , 1951px 1801px #FFF , 1173px 916px #FFF , 132px 161px #FFF , 1383px 525px #FFF , 663px 1348px #FFF , 1861px 1476px #FFF , 1843px 1485px #FFF , 1007px 791px #FFF , 368px 401px #FFF , 1428px 1482px #FFF , 1335px 843px #FFF , 1042px 635px #FFF , 1844px 1871px #FFF , 1363px 273px #FFF , 472px 1037px #FFF , 1516px 1757px #FFF , 785px 1657px #FFF , 799px 852px #FFF , 1338px 526px #FFF , 505px 1077px #FFF , 42px 1154px #FFF , 846px 1045px #FFF , 1998px 858px #FFF , 609px 1647px #FFF , 1379px 1405px #FFF , 687px 240px #FFF , 1411px 774px #FFF , 1146px 854px #FFF , 1941px 1165px #FFF , 1708px 44px #FFF , 810px 914px #FFF , 485px 905px #FFF , 55px 1769px #FFF , 1116px 318px #FFF , 1095px 1518px #FFF , 700px 811px #FFF , 979px 1134px #FFF , 913px 1167px #FFF , 319px 1577px #FFF , 1241px 1019px #FFF , 1761px 974px #FFF , 1673px 1884px #FFF , 726px 557px #FFF , 202px 1340px #FFF , 1353px 24px #FFF , 434px 1718px #FFF , 1060px 1572px #FFF , 408px 1023px #FFF , 208px 992px #FFF , 1784px 1221px #FFF , 51px 1620px #FFF , 1918px 1030px #FFF , 1040px 940px #FFF , 1868px 807px #FFF , 1621px 1754px #FFF , 1081px 1699px #FFF , 778px 1547px #FFF , 1758px 378px #FFF , 1763px 2000px #FFF , 1972px 1314px #FFF , 344px 1678px #FFF , 945px 245px #FFF , 1632px 1466px #FFF , 642px 445px #FFF , 1293px 1369px #FFF , 1812px 279px #FFF , 1033px 1812px #FFF , 1523px 1473px #FFF , 1475px 1010px #FFF , 1473px 1787px #FFF , 1948px 1589px #FFF , 1206px 1701px #FFF , 1584px 827px #FFF , 1171px 270px #FFF , 863px 1539px #FFF , 952px 1833px #FFF , 1225px 1962px #FFF , 1784px 1335px #FFF , 1537px 164px #FFF , 69px 401px #FFF , 1855px 675px #FFF , 392px 5px #FFF , 1067px 1395px #FFF , 918px 580px #FFF , 1051px 1551px #FFF , 504px 510px #FFF , 604px 343px #FFF , 771px 1104px #FFF , 1165px 624px #FFF , 104px 916px #FFF , 532px 81px #FFF , 1992px 1683px #FFF , 403px 1085px #FFF , 951px 1439px #FFF , 1300px 1359px #FFF , 295px 934px #FFF , 1008px 781px #FFF , 307px 847px #FFF , 1900px 1412px #FFF , 687px 1993px #FFF , 1087px 141px #FFF , 612px 1754px #FFF , 1238px 1714px #FFF , 1076px 451px #FFF , 631px 791px #FFF , 475px 213px #FFF , 888px 1528px #FFF , 158px 58px #FFF , 211px 1881px #FFF , 289px 127px #FFF , 1148px 569px #FFF , 767px 1218px #FFF , 204px 851px #FFF , 1161px 294px #FFF , 842px 1731px #FFF , 1449px 282px #FFF , 595px 1914px #FFF , 535px 1335px #FFF , 253px 1459px #FFF , 500px 927px #FFF , 752px 4px #FFF , 1591px 353px #FFF , 1946px 334px #FFF , 341px 704px #FFF , 1897px 1954px #FFF , 1900px 1021px #FFF , 1780px 1591px #FFF , 1213px 619px #FFF , 1405px 1851px #FFF , 1271px 741px #FFF , 1195px 1920px #FFF , 1116px 1666px #FFF , 523px 104px #FFF , 1614px 967px #FFF , 1225px 765px #FFF , 1958px 1131px #FFF , 472px 1333px #FFF , 1091px 1119px #FFF , 185px 1867px #FFF , 879px 1706px #FFF , 1663px 1997px #FFF , 406px 1623px #FFF , 234px 221px #FFF , 103px 760px #FFF , 218px 1466px #FFF , 191px 847px #FFF , 213px 429px #FFF , 858px 864px #FFF , 1370px 1510px #FFF , 1251px 151px #FFF , 359px 210px #FFF , 1713px 26px #FFF , 1835px 150px #FFF , 694px 712px #FFF , 1865px 1347px #FFF , 578px 845px #FFF , 1388px 87px #FFF , 285px 557px #FFF , 1574px 494px #FFF , 1112px 1609px #FFF , 580px 433px #FFF , 1101px 1026px #FFF , 163px 1349px #FFF , 824px 1599px #FFF , 920px 1431px #FFF , 619px 610px #FFF , 133px 180px #FFF , 1686px 934px #FFF , 466px 522px #FFF , 197px 1102px #FFF , 1564px 753px #FFF , 1745px 387px #FFF , 505px 210px #FFF , 246px 7px #FFF , 1180px 1587px #FFF , 688px 299px #FFF , 1002px 1091px #FFF , 776px 815px #FFF , 157px 1088px #FFF , 806px 1487px #FFF , 255px 1236px #FFF , 679px 1757px #FFF , 1577px 953px #FFF , 430px 104px #FFF , 596px 1615px #FFF , 1505px 1822px #FFF , 157px 1823px #FFF , 531px 545px #FFF , 1048px 1645px #FFF , 1081px 1102px #FFF , 51px 1813px #FFF , 1033px 1051px #FFF , 928px 260px #FFF , 847px 1091px #FFF , 846px 1474px #FFF , 297px 157px #FFF , 250px 1906px #FFF , 1542px 343px #FFF , 66px 493px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1072px 83px #FFF , 1951px 1801px #FFF , 1173px 916px #FFF , 132px 161px #FFF , 1383px 525px #FFF , 663px 1348px #FFF , 1861px 1476px #FFF , 1843px 1485px #FFF , 1007px 791px #FFF , 368px 401px #FFF , 1428px 1482px #FFF , 1335px 843px #FFF , 1042px 635px #FFF , 1844px 1871px #FFF , 1363px 273px #FFF , 472px 1037px #FFF , 1516px 1757px #FFF , 785px 1657px #FFF , 799px 852px #FFF , 1338px 526px #FFF , 505px 1077px #FFF , 42px 1154px #FFF , 846px 1045px #FFF , 1998px 858px #FFF , 609px 1647px #FFF , 1379px 1405px #FFF , 687px 240px #FFF , 1411px 774px #FFF , 1146px 854px #FFF , 1941px 1165px #FFF , 1708px 44px #FFF , 810px 914px #FFF , 485px 905px #FFF , 55px 1769px #FFF , 1116px 318px #FFF , 1095px 1518px #FFF , 700px 811px #FFF , 979px 1134px #FFF , 913px 1167px #FFF , 319px 1577px #FFF , 1241px 1019px #FFF , 1761px 974px #FFF , 1673px 1884px #FFF , 726px 557px #FFF , 202px 1340px #FFF , 1353px 24px #FFF , 434px 1718px #FFF , 1060px 1572px #FFF , 408px 1023px #FFF , 208px 992px #FFF , 1784px 1221px #FFF , 51px 1620px #FFF , 1918px 1030px #FFF , 1040px 940px #FFF , 1868px 807px #FFF , 1621px 1754px #FFF , 1081px 1699px #FFF , 778px 1547px #FFF , 1758px 378px #FFF , 1763px 2000px #FFF , 1972px 1314px #FFF , 344px 1678px #FFF , 945px 245px #FFF , 1632px 1466px #FFF , 642px 445px #FFF , 1293px 1369px #FFF , 1812px 279px #FFF , 1033px 1812px #FFF , 1523px 1473px #FFF , 1475px 1010px #FFF , 1473px 1787px #FFF , 1948px 1589px #FFF , 1206px 1701px #FFF , 1584px 827px #FFF , 1171px 270px #FFF , 863px 1539px #FFF , 952px 1833px #FFF , 1225px 1962px #FFF , 1784px 1335px #FFF , 1537px 164px #FFF , 69px 401px #FFF , 1855px 675px #FFF , 392px 5px #FFF , 1067px 1395px #FFF , 918px 580px #FFF , 1051px 1551px #FFF , 504px 510px #FFF , 604px 343px #FFF , 771px 1104px #FFF , 1165px 624px #FFF , 104px 916px #FFF , 532px 81px #FFF , 1992px 1683px #FFF , 403px 1085px #FFF , 951px 1439px #FFF , 1300px 1359px #FFF , 295px 934px #FFF , 1008px 781px #FFF , 307px 847px #FFF , 1900px 1412px #FFF , 687px 1993px #FFF , 1087px 141px #FFF , 612px 1754px #FFF , 1238px 1714px #FFF , 1076px 451px #FFF , 631px 791px #FFF , 475px 213px #FFF , 888px 1528px #FFF , 158px 58px #FFF , 211px 1881px #FFF , 289px 127px #FFF , 1148px 569px #FFF , 767px 1218px #FFF , 204px 851px #FFF , 1161px 294px #FFF , 842px 1731px #FFF , 1449px 282px #FFF , 595px 1914px #FFF , 535px 1335px #FFF , 253px 1459px #FFF , 500px 927px #FFF , 752px 4px #FFF , 1591px 353px #FFF , 1946px 334px #FFF , 341px 704px #FFF , 1897px 1954px #FFF , 1900px 1021px #FFF , 1780px 1591px #FFF , 1213px 619px #FFF , 1405px 1851px #FFF , 1271px 741px #FFF , 1195px 1920px #FFF , 1116px 1666px #FFF , 523px 104px #FFF , 1614px 967px #FFF , 1225px 765px #FFF , 1958px 1131px #FFF , 472px 1333px #FFF , 1091px 1119px #FFF , 185px 1867px #FFF , 879px 1706px #FFF , 1663px 1997px #FFF , 406px 1623px #FFF , 234px 221px #FFF , 103px 760px #FFF , 218px 1466px #FFF , 191px 847px #FFF , 213px 429px #FFF , 858px 864px #FFF , 1370px 1510px #FFF , 1251px 151px #FFF , 359px 210px #FFF , 1713px 26px #FFF , 1835px 150px #FFF , 694px 712px #FFF , 1865px 1347px #FFF , 578px 845px #FFF , 1388px 87px #FFF , 285px 557px #FFF , 1574px 494px #FFF , 1112px 1609px #FFF , 580px 433px #FFF , 1101px 1026px #FFF , 163px 1349px #FFF , 824px 1599px #FFF , 920px 1431px #FFF , 619px 610px #FFF , 133px 180px #FFF , 1686px 934px #FFF , 466px 522px #FFF , 197px 1102px #FFF , 1564px 753px #FFF , 1745px 387px #FFF , 505px 210px #FFF , 246px 7px #FFF , 1180px 1587px #FFF , 688px 299px #FFF , 1002px 1091px #FFF , 776px 815px #FFF , 157px 1088px #FFF , 806px 1487px #FFF , 255px 1236px #FFF , 679px 1757px #FFF , 1577px 953px #FFF , 430px 104px #FFF , 596px 1615px #FFF , 1505px 1822px #FFF , 157px 1823px #FFF , 531px 545px #FFF , 1048px 1645px #FFF , 1081px 1102px #FFF , 51px 1813px #FFF , 1033px 1051px #FFF , 928px 260px #FFF , 847px 1091px #FFF , 846px 1474px #FFF , 297px 157px #FFF , 250px 1906px #FFF , 1542px 343px #FFF , 66px 493px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1637px 1936px #FFF , 1021px 1832px #FFF , 447px 27px #FFF , 1545px 993px #FFF , 1212px 1691px #FFF , 1472px 1946px #FFF , 44px 744px #FFF , 180px 1153px #FFF , 1259px 786px #FFF , 1414px 1629px #FFF , 696px 429px #FFF , 3px 1663px #FFF , 1838px 508px #FFF , 964px 1567px #FFF , 234px 1582px #FFF , 621px 718px #FFF , 1058px 971px #FFF , 1447px 920px #FFF , 996px 27px #FFF , 207px 1884px #FFF , 1645px 1423px #FFF , 1317px 1160px #FFF , 403px 348px #FFF , 135px 701px #FFF , 962px 250px #FFF , 275px 789px #FFF , 1443px 645px #FFF , 1141px 364px #FFF , 370px 940px #FFF , 899px 1987px #FFF , 1620px 6px #FFF , 75px 1146px #FFF , 1025px 1172px #FFF , 235px 1233px #FFF , 599px 1371px #FFF , 8px 1242px #FFF , 1713px 1500px #FFF , 967px 1581px #FFF , 159px 469px #FFF , 1050px 1366px #FFF , 161px 788px #FFF , 674px 489px #FFF , 1716px 197px #FFF , 725px 768px #FFF , 1585px 739px #FFF , 954px 691px #FFF , 139px 143px #FFF , 403px 1606px #FFF , 1592px 1820px #FFF , 856px 1384px #FFF , 312px 1140px #FFF , 1525px 1781px #FFF , 1331px 1668px #FFF , 1684px 293px #FFF , 1170px 788px #FFF , 1439px 1344px #FFF , 1740px 760px #FFF , 75px 1355px #FFF , 1018px 32px #FFF , 1011px 1410px #FFF , 756px 813px #FFF , 1816px 1522px #FFF , 1181px 387px #FFF , 883px 120px #FFF , 633px 1471px #FFF , 907px 1051px #FFF , 1114px 170px #FFF , 1319px 1407px #FFF , 1px 1534px #FFF , 1709px 1055px #FFF , 1756px 109px #FFF , 344px 55px #FFF , 1261px 1244px #FFF , 687px 399px #FFF , 687px 649px #FFF , 372px 131px #FFF , 763px 1915px #FFF , 576px 1130px #FFF , 796px 1520px #FFF , 1049px 275px #FFF , 1648px 1139px #FFF , 1769px 1258px #FFF , 1026px 1688px #FFF , 1273px 1859px #FFF , 281px 191px #FFF , 276px 610px #FFF , 755px 899px #FFF , 515px 525px #FFF , 1128px 931px #FFF , 618px 184px #FFF , 1076px 1069px #FFF , 196px 251px #FFF , 224px 44px #FFF , 803px 263px #FFF , 207px 194px #FFF , 71px 876px #FFF , 1379px 669px #FFF , 36px 1342px #FFF , 1578px 231px #FFF , 242px 329px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 1637px 1936px #FFF , 1021px 1832px #FFF , 447px 27px #FFF , 1545px 993px #FFF , 1212px 1691px #FFF , 1472px 1946px #FFF , 44px 744px #FFF , 180px 1153px #FFF , 1259px 786px #FFF , 1414px 1629px #FFF , 696px 429px #FFF , 3px 1663px #FFF , 1838px 508px #FFF , 964px 1567px #FFF , 234px 1582px #FFF , 621px 718px #FFF , 1058px 971px #FFF , 1447px 920px #FFF , 996px 27px #FFF , 207px 1884px #FFF , 1645px 1423px #FFF , 1317px 1160px #FFF , 403px 348px #FFF , 135px 701px #FFF , 962px 250px #FFF , 275px 789px #FFF , 1443px 645px #FFF , 1141px 364px #FFF , 370px 940px #FFF , 899px 1987px #FFF , 1620px 6px #FFF , 75px 1146px #FFF , 1025px 1172px #FFF , 235px 1233px #FFF , 599px 1371px #FFF , 8px 1242px #FFF , 1713px 1500px #FFF , 967px 1581px #FFF , 159px 469px #FFF , 1050px 1366px #FFF , 161px 788px #FFF , 674px 489px #FFF , 1716px 197px #FFF , 725px 768px #FFF , 1585px 739px #FFF , 954px 691px #FFF , 139px 143px #FFF , 403px 1606px #FFF , 1592px 1820px #FFF , 856px 1384px #FFF , 312px 1140px #FFF , 1525px 1781px #FFF , 1331px 1668px #FFF , 1684px 293px #FFF , 1170px 788px #FFF , 1439px 1344px #FFF , 1740px 760px #FFF , 75px 1355px #FFF , 1018px 32px #FFF , 1011px 1410px #FFF , 756px 813px #FFF , 1816px 1522px #FFF , 1181px 387px #FFF , 883px 120px #FFF , 633px 1471px #FFF , 907px 1051px #FFF , 1114px 170px #FFF , 1319px 1407px #FFF , 1px 1534px #FFF , 1709px 1055px #FFF , 1756px 109px #FFF , 344px 55px #FFF , 1261px 1244px #FFF , 687px 399px #FFF , 687px 649px #FFF , 372px 131px #FFF , 763px 1915px #FFF , 576px 1130px #FFF , 796px 1520px #FFF , 1049px 275px #FFF , 1648px 1139px #FFF , 1769px 1258px #FFF , 1026px 1688px #FFF , 1273px 1859px #FFF , 281px 191px #FFF , 276px 610px #FFF , 755px 899px #FFF , 515px 525px #FFF , 1128px 931px #FFF , 618px 184px #FFF , 1076px 1069px #FFF , 196px 251px #FFF , 224px 44px #FFF , 803px 263px #FFF , 207px 194px #FFF , 71px 876px #FFF , 1379px 669px #FFF , 36px 1342px #FFF , 1578px 231px #FFF , 242px 329px #FFF;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}