#homepage_wrapper .left_panel .page_navigation .section.active.projects .sub_sections,
#homepage_wrapper .left_panel .page_navigation .section_second.active.projects .sub_sections {
  height: calc((.3rem + 1.1vw) * 5 + 0.5rem);
}
#homepage_wrapper .left_panel .page_navigation .section.active.other .sub_sections,
#homepage_wrapper .left_panel .page_navigation .section_second.active.other .sub_sections {
  height: calc((.3rem + 1.1vw) * 3);
}
#homepage_wrapper h2 {
  font-family: "lust-display", "pf_b", sans-serif;
  color: #e0e7ef;
  font-size: calc(1rem + 3.5vw);
}
#homepage_wrapper h3 {
  font-family: pf_b;
  color: #3D3560;
  font-size: calc(1.1rem + 1vw);
}
#homepage_wrapper h4 {
  font-family: pf_b;
  color: #3D3560;
  font-size: calc(.8rem + 1vw);
  line-height: calc(.8rem + 1.5vw);
}
#homepage_wrapper .vert_aligner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
#homepage_wrapper .project_wrapper ul li {
  padding-bottom: 8px;
}
#homepage_wrapper .project_wrapper ul li:last-child {
  padding-bottom: 0;
}
#homepage_wrapper .description {
  padding: 20px 0 5px 0;
  position: relative;
  text-transform: uppercase;
  line-height: 1.5rem;
}
#homepage_wrapper .description span {
  color: #ffd00c;
  font-family: sb;
}
#homepage_wrapper .description span:first-child:after {
  content: '\00b7';
  padding: 0 10px;
}
#homepage_wrapper .description a {
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#homepage_wrapper .description a:hover {
  color: #8b95a2;
}
#homepage_wrapper .other_work_wrapper:after {
  display: block;
  content: '';
  clear: both;
}
#homepage_wrapper .other_work_wrapper .thumbnail {
  display: block;
  width: calc((100% - 30px) / 4);
  padding-top: 25%;
  background-color: #f8f9fd;
  margin: 0 10px 10px 0;
  float: left;
  position: relative;
  cursor: zoom-in;
  background-size: cover;
  background-position: center;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#homepage_wrapper .other_work_wrapper .thumbnail:nth-child(4n) {
  margin-right: 0;
}
#homepage_wrapper .other_work_wrapper .thumbnail.boxshadow {
  box-shadow: 0 0 0 1px #ebedf3;
  -moz-box-shadow: 0 0 0 1px #ebedf3;
  -webkit-box-shadow: 0 0 0 1px #ebedf3;
  -o-box-shadow: 0 0 0 1px #ebedf3;
  -ms-box-shadow: 0 0 0 1px #ebedf3;
}
#homepage_wrapper .other_work_wrapper .thumbnail:hover {
  box-shadow: 0 0 35px 1px rgba(61, 53, 96, 0.2);
  -moz-box-shadow: 0 0 35px 1px rgba(61, 53, 96, 0.2);
  -webkit-box-shadow: 0 0 35px 1px rgba(61, 53, 96, 0.2);
  -o-box-shadow: 0 0 35px 1px rgba(61, 53, 96, 0.2);
  -ms-box-shadow: 0 0 35px 1px rgba(61, 53, 96, 0.2);
}
#homepage_wrapper .main_panel {
  width: auto;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  margin: 0 6vw 0 25vw;
}
#homepage_wrapper section#hello {
  z-index: 1;
  background: white;
  height: 100vh;
  position: relative;
}
#homepage_wrapper section#hello .main_panel {
  height: 100vh;
}
#homepage_wrapper section#hello .main_panel h1 {
  font-family: "lust-display", "pf_b", sans-serif;
  padding: 0;
  font-size: calc(1.1rem + 4.24vw);
  color: #3D3560;
}
#homepage_wrapper section#hello .main_panel h2 {
  font-family: sb;
  text-transform: uppercase;
  color: #AEB1C0;
  padding: 0 0 0 1vw;
  font-size: calc(1rem + .1vw);
  letter-spacing: 0.05em;
}
#homepage_wrapper section#recent_projects {
  position: relative;
  z-index: 1;
  background: white;
  background-color: #f8f9fd;
  padding: 100px 0;
}
#homepage_wrapper section#recent_projects #archived_projects_button {
  background-color: #3D3560;
  color: white;
  width: 50%;
}
#homepage_wrapper section#recent_projects #archived_projects_button::before {
  background-color: #ffd00c;
}
#homepage_wrapper section#recent_projects #archived_projects_button::after {
  content: 'View archived projects';
}
#homepage_wrapper section#recent_projects #archived_projects_button.hide::after {
  content: 'Hide archived projects';
}
#homepage_wrapper section#recent_projects #archived_projects {
  display: none;
  flex-direction: column;
  gap: 2rem;
}
#homepage_wrapper section#recent_projects #archived_projects.active {
  display: flex;
}
#homepage_wrapper section#recent_projects .project_row {
  display: flex;
  gap: 2rem;
}
#homepage_wrapper section#recent_projects .project_row .project_wrapper {
  flex-direction: column;
  width: 50%;
  gap: 1rem;
}
#homepage_wrapper section#recent_projects .project_row .project_wrapper .img_container {
  width: calc(100% - 2rem);
}
#homepage_wrapper section#recent_projects .project_row .project_wrapper .img_container.no-padding {
  width: 100%;
  padding: 0;
}
#homepage_wrapper section#recent_projects .project_row .project_wrapper .project_description {
  width: 100%;
}
#homepage_wrapper section#recent_projects .project_wrapper {
  display: flex;
  gap: 2rem;
  padding: 2rem;
  background-color: white;
  align-items: stretch;
}
#homepage_wrapper section#recent_projects .project_wrapper .img_container {
  width: 50%;
  background-color: #ebedf3;
  display: flex;
  align-items: center;
  padding: 1rem;
}
#homepage_wrapper section#recent_projects .project_wrapper img {
  width: 100%;
}
#homepage_wrapper section#recent_projects .project_wrapper .project_description {
  width: 50%;
}
#homepage_wrapper section#recent_projects .ratings_reviews_reorganization {
  width: calc(85vw * 0.6);
  height: calc(calc(85vw * 0.6) * 0.7235);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#homepage_wrapper section#recent_projects .widgets_editor_redesign {
  width: calc(85vw * 0.6);
  height: calc(calc(85vw * 0.6) * 0.6453);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#homepage_wrapper section#recent_projects .reviews_moderation_optimization {
  width: calc(85vw * 0.6);
  height: calc(calc(85vw * 0.6) * 0.7255);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#homepage_wrapper section#recent_projects .ontera_chip_inventory {
  width: calc(85vw * 0.6);
  height: calc(calc(85vw * 0.6) * 0.8653);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#homepage_wrapper section#recent_projects .ontera_fundraising {
  height: calc(calc(85vw * 0.6) * .4526);
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
}
#homepage_wrapper section#recent_projects .redesign {
  height: calc(calc(85vw * 0.6) * .5841);
  background-color: #ECEEF3;
}
#homepage_wrapper section#recent_projects .sync {
  height: calc(calc(85vw * 0.6) * .5808);
}
#homepage_wrapper section#recent_projects .email {
  height: calc(calc(85vw * 0.6) * .679);
}
#homepage_wrapper section#recent_projects .influencer {
  height: calc(calc(85vw * 0.6) * .67);
}
#homepage_wrapper section#recent_projects .search {
  height: calc(calc(85vw * 0.6) * .47);
}
#homepage_wrapper section#design_writing {
  position: relative;
  z-index: 1;
  padding: 50px 0 100px;
}
#homepage_wrapper section#design_writing h3 {
  padding: 0 0 25px 0;
}
#homepage_wrapper section#design_writing .view_project:after {
  content: "read more articles";
}
#homepage_wrapper section#other_works {
  position: relative;
  z-index: 1;
  background: white;
  padding: 50px 0;
}
#homepage_wrapper section#other_works h3 {
  padding: 0 0 25px 0;
}
#homepage_wrapper section#about_me {
  padding: 100px 0;
  min-height: calc(100vh - 100px);
  width: 100%;
  background-image: url('../../self.png');
  background-size: cover;
  position: relative;
  background-position: center right;
}
#homepage_wrapper section#about_me .left_panel {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
#homepage_wrapper section#about_me .left_panel .logo {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  background-color: white;
}
#homepage_wrapper section#about_me .left_panel .logo:hover {
  background-color: #ffd00c;
}
#homepage_wrapper section#about_me .left_panel .page_navigation .section_second .section_title {
  color: white;
}
#homepage_wrapper section#about_me .left_panel .page_navigation .section_second .sub_sections li {
  color: white;
}
#homepage_wrapper section#about_me .main_panel {
  min-height: calc(100vh - 100px);
}
#homepage_wrapper section#about_me h2,
#homepage_wrapper section#about_me p {
  color: white;
}
#homepage_wrapper section#about_me h2 a,
#homepage_wrapper section#about_me p a {
  color: #ffd00c;
  font-family: sm;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#homepage_wrapper section#about_me h2 a:hover,
#homepage_wrapper section#about_me p a:hover {
  color: white;
}
#homepage_wrapper section#about_me .website_love {
  padding-top: 40px;
  color: #AEB1C0;
}
#homepage_wrapper section#about_me .website_love i:before {
  font-family: icon;
  content: '\f004';
}
#homepage_wrapper section#about_me .connect_icons_wrapper a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  font-family: icon;
  font-size: 20px;
  color: #ffd00c;
  margin-right: 10px;
  -webkit-transition: all 0.25s ease 0s;
  -moz-transition: all 0.25s ease 0s;
  -ms-transition: all 0.25s ease 0s;
  -o-transition: all 0.25s ease 0s;
  transition: all 0.25s ease 0s;
}
#homepage_wrapper section#about_me .connect_icons_wrapper a:hover {
  color: white;
  /*&:after{
						visibility: visible;
						opacity: 1;
					}*/
}
#homepage_wrapper section#about_me .connect_icons_wrapper a.resume {
  font-family: sbl;
  font-size: 19px;
}
@media (max-width: 1415px) {
  #homepage_wrapper .main_panel {
    width: 65vw;
  }
}
@media (min-width: 767px) and (max-width: 1100px) {
  #homepage_wrapper section#recent_projects .redesign {
    height: calc(52vw * .5842);
  }
  #homepage_wrapper section#recent_projects .sync {
    height: calc(52vw * .57);
  }
  #homepage_wrapper section#recent_projects .email {
    height: calc(52vw * .679);
  }
  #homepage_wrapper section#recent_projects .influencer {
    height: calc(52vw * .67);
  }
  #homepage_wrapper section#recent_projects .search {
    height: calc(52vw * .47);
  }
}
@media (max-width: 1000px) {
  #homepage_wrapper .main_panel {
    margin: 1rem;
    width: auto;
  }
}
@media (max-width: 800px) {
  #homepage_wrapper section#recent_projects {
    padding: 0;
  }
  #homepage_wrapper section#recent_projects #archived_projects_button {
    width: auto;
  }
  #homepage_wrapper section#recent_projects #archived_projects {
    gap: 1rem;
  }
  #homepage_wrapper section#recent_projects .project_row {
    gap: 1rem;
    flex-direction: column;
  }
  #homepage_wrapper section#recent_projects .project_row .project_wrapper {
    width: calc(100% - 2rem);
  }
  #homepage_wrapper section#recent_projects .project_row .project_wrapper .img_container {
    width: calc(100% - 1rem);
  }
  #homepage_wrapper section#recent_projects .main_panel {
    gap: 1rem;
  }
  #homepage_wrapper section#recent_projects .project_wrapper {
    flex-direction: column;
    padding: 1rem;
    gap: 0;
  }
  #homepage_wrapper section#recent_projects .project_wrapper .img_container {
    width: calc(100% - 1rem);
    padding: 0.5rem;
  }
  #homepage_wrapper section#recent_projects .project_wrapper .project_description {
    width: 100%;
  }
  #homepage_wrapper section#about_me {
    padding: 50px 0;
  }
  #homepage_wrapper section#about_me .main_panel {
    gap: 2rem;
    margin-bottom: 50px;
  }
  #homepage_wrapper .body_wrapper {
    margin-top: 0;
  }
  #homepage_wrapper h2 {
    padding: 24px 0;
    font-size: calc(1rem + 7vw);
  }
  #homepage_wrapper h3 {
    font-size: 1.5rem;
    padding-top: 20px;
  }
  #homepage_wrapper .writing_wrapper .article_blurb h4 {
    font-size: 1.3rem;
    line-height: 1.5rem;
  }
  #homepage_wrapper .project_wrapper {
    padding-bottom: 70px;
  }
  #homepage_wrapper .project_wrapper:last-child {
    padding-bottom: 20px;
  }
  #homepage_wrapper .view_project {
    display: block;
    font-size: 1rem;
    padding: 3.5vw 3vw 3.2vw;
  }
  #homepage_wrapper .left_panel .page_navigation .section.active#projects .sub_sections {
    height: calc((1rem + 4vw) * 5 + 5px);
  }
  #homepage_wrapper .left_panel .page_navigation .section.active#other .sub_sections {
    height: calc((1rem + 4vw) * 3 + 5px);
  }
  #homepage_wrapper section#hello {
    height: 50vh;
    margin: 0;
    padding: 0 20px;
  }
  #homepage_wrapper section#hello .main_panel {
    height: 50vh;
  }
  #homepage_wrapper section#hello .main_panel .vert_aligner h1 {
    font-size: 3rem;
  }
  #homepage_wrapper section#recent_projects .ratings_reviews_reorganization {
    width: calc(100vw - 40px);
    height: calc(calc(100vw - 40px) * 0.7235);
  }
  #homepage_wrapper section#recent_projects .widgets_editor_redesign {
    width: calc(100vw - 40px);
    height: calc(calc(100vw - 40px) * 0.6453);
  }
  #homepage_wrapper section#recent_projects .reviews_moderation_optimization {
    width: calc(100vw - 40px);
    height: calc(calc(100vw - 40px) * 0.7255);
  }
  #homepage_wrapper section#recent_projects .ontera_chip_inventory {
    width: calc(100vw - 40px);
    height: calc(calc(100vw - 40px) * 0.8653);
  }
  #homepage_wrapper section#recent_projects .redesign {
    height: calc((calc(100vw - 40px) - 40px) * .5842);
  }
  #homepage_wrapper section#recent_projects .sync {
    height: calc((calc(100vw - 40px) - 40px) * .583);
  }
  #homepage_wrapper section#recent_projects .email {
    height: calc((calc(100vw - 40px) - 40px) * .679);
  }
  #homepage_wrapper section#recent_projects .influencer {
    height: calc((calc(100vw - 40px) - 40px) * .67);
  }
  #homepage_wrapper section#recent_projects .search {
    height: calc((calc(100vw - 40px) - 40px) * .47);
  }
  #homepage_wrapper section#design_writing {
    padding: 50px 0 70px;
  }
  #homepage_wrapper section#other_works {
    margin: 0;
    padding: 50px 20px;
  }
  #homepage_wrapper section#about_me {
    margin: 0;
    background-position: center right -100px;
  }
}