.abstract-marble-black-gold-bac-icon,
.logo-2-remix-1-23 {
  position: relative;
  max-height: 100%;
  object-fit: cover;
  max-width: 100%;
}
.abstract-marble-black-gold-bac-icon {
  width: 1440px;
  display: none;
}
.logo-2-remix-1-23 {
  width: 513.6px;
  z-index: 4;
}
.graphic-design4 {
  flex: 1;
  position: relative;
  white-space: nowrap;
  cursor: pointer;
  z-index: 4;
}
.photography4 {
  width: 240px;
  display: inline-block;
  flex-shrink: 0;
}
.makeup3,
.photography4 {
  position: relative;
  cursor: pointer;
  z-index: 4;
}
.graphic-design-parent {
  margin: 0;
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  text-align: center;
  font-size: var(--font-size-17xl);
  color: var(--color-white);
  font-family: var(--font-atteron-personal-use);
}
.frame-nav,
.frame-wrapper,
.logo-2-remix-1-2-group {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  max-width: 100%;
}
.frame-nav {
  margin: 0;
  width: 678px;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--padding-sm) 0 0;
}
.frame-wrapper,
.logo-2-remix-1-2-group {
  flex-direction: row;
}
.logo-2-remix-1-2-group {
  flex: 1;
  justify-content: space-between;
  padding: 0 0 0 1px;
  gap: var(--gap-xl);
}
.frame-wrapper {
  align-self: stretch;
  justify-content: flex-end;
  padding: 0 var(--padding-base) 0 0;
}
.firefly-graphic-drawing-tablet {
  position: absolute;
  top: 99.6px;
  left: 0;
  width: 522.1px;
  height: 548.9px;
  object-fit: cover;
}
.img-3468-1-icon,
.remove-background-project-1,
.untitled-2-1 {
  position: absolute;
  top: 0;
  left: 522px;
  width: 833.9px;
  height: 584.5px;
  object-fit: cover;
  z-index: 1;
}
.img-3468-1-icon,
.untitled-2-1 {
  top: 18px;
  left: 75.1px;
  width: 1121.1px;
  height: 786px;
  z-index: 2;
}
.untitled-2-1 {
  top: 232px;
  left: 125.3px;
  width: 1020.8px;
  height: 358.3px;
  z-index: 3;
}
.firefly-graphic-drawing-tablet-parent {
  width: 1355.9px;
  height: 804px;
  position: relative;
  max-width: 100%;
}
.abstract-marble-black-gold-bac-parent,
.frame-div {
  display: flex;
  justify-content: flex-start;
  max-width: 100%;
}
.frame-div {
  flex: 1;
  flex-direction: column;
  align-items: flex-end;
  padding: 0 15px 0 0;
  box-sizing: border-box;
  gap: 86px;
  z-index: 1;
}
.abstract-marble-black-gold-bac-parent {
  align-self: stretch;
  flex-direction: row;
  align-items: flex-start;
  background-image: url(./public/abstractmarbleblackgoldbackground-2-1@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
.frame-child1,
.we-represent-a {
  position: relative;
  max-width: 100%;
}
.frame-child1 {
  height: 700px;
  width: 1440px;
  background-color: var(--color-gray-200);
  display: none;
}
.we-represent-a {
  flex: 1;
  letter-spacing: -0.05em;
  display: inline-block;
  mix-blend-mode: normal;
  z-index: 1;
}
.frame-section {
  align-self: stretch;
  background-color: var(--color-gray-200);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 224px 250px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  font-size: var(--font-size-5xl);
  color: var(--color-white);
  font-family: var(--font-roboto-flex);
}
.facebook-icon-13,
.icons-13 {
  position: relative;
  object-fit: cover;
}
.icons-13 {
  align-self: stretch;
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.facebook-icon-13 {
  height: 37px;
  width: 175px;
  mix-blend-mode: normal;
  cursor: pointer;
}
.facebook-icon-1-container,
.social-icons1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 var(--padding-base);
}
.social-icons1 {
  width: 389px;
  flex: 1;
  flex-direction: column;
  padding: 0 var(--padding-xl) 0 0;
  box-sizing: border-box;
  gap: var(--gap-6xs);
  max-width: 100%;
}
.instagram-icon-13 {
  height: 37px;
  width: 167px;
  position: relative;
  object-fit: cover;
  mix-blend-mode: normal;
  cursor: pointer;
}
.footer-content {
  align-self: stretch;
  background-color: var(--color-gray-300);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-7xs) 0 var(--padding-smi);
  box-sizing: border-box;
  gap: var(--gap-11xl);
  max-width: 100%;
  z-index: 2;
}
.designed-and-published3,
.frame-child2 {
  position: relative;
  mix-blend-mode: normal;
  max-width: 100%;
}
.frame-child2 {
  height: 111px;
  width: 1440px;
  background-color: var(--color-black);
  display: none;
}
.designed-and-published3 {
  flex: 1;
  display: inline-block;
  z-index: 1;
}
.footer3,
.frame-footer,
.home-page-desktop {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.frame-footer {
  align-self: stretch;
  background-color: var(--color-black);
  flex-direction: row;
  padding: var(--padding-20xl) var(--padding-386xl) var(--padding-7xl);
  box-sizing: border-box;
  max-width: 100%;
  margin-top: -2px;
  text-align: center;
  font-size: var(--font-size-xl);
  color: var(--color-white);
  font-family: var(--font-roboto);
}
.footer3,
.home-page-desktop {
  flex-direction: column;
}
.footer3 {
  align-self: stretch;
  max-width: 100%;
}
.home-page-desktop {
  width: 100%;
  position: relative;
  background-color: var(--color-gray-200);
  overflow: hidden;
  line-height: normal;
  letter-spacing: normal;
}
@media screen and (max-width: 1200px) {
  .frame-nav {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  .frame-div {
    gap: 43px;
  }
  .frame-section {
    padding: 146px 125px;
    box-sizing: border-box;
  }
  .frame-footer {
    padding-left: var(--padding-183xl);
    padding-right: var(--padding-183xl);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 450px) {
  .graphic-design-parent {
    display: none;
  }
  .frame-nav {
    width: 0;
  }
  .frame-div {
    gap: var(--gap-2xl);
  }
  .we-represent-a {
    font-size: 19px;
  }
  .frame-section {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
  .designed-and-published3 {
    font-size: var(--font-size-base);
  }
  .frame-footer {
    padding-left: var(--padding-xl);
    padding-right: var(--padding-xl);
    box-sizing: border-box;
  }
}