/* screen - 11u95desktop */

.x11u95desktop {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 4151px;
  width: 1280px;
}

.x11u95desktop .navigation-container {
  height: 169px;
  position: relative;
  width: 1280px;
}

.x11u95desktop .navigation {
  align-items: flex-end;
  display: flex;
  gap: 633px;
  height: 123px;
  left: 0;
  padding: 15px 80px;
  position: absolute;
  top: 0;
  width: 1278px;
}

.x11u95desktop .site-name {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  min-width: 95px;
  white-space: nowrap;
}

.x11u95desktop .items {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  position: relative;
}

.x11u95desktop .navigation-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  gap: 645px;
  height: 169px;
  left: 2px;
  padding: 10px 72px;
  position: absolute;
  top: 0;
  width: 1278px;
}

.x11u95desktop .sej_logostyle-1 {
  align-self: flex-end;
  cursor: pointer;
  height: 103px;
  object-fit: cover;
  width: 310px;
}

.x11u95desktop .pro-work-samples {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-bottom: 29.0px;
  min-width: 171px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x11u95desktop .title {
  align-self: flex-start;
  letter-spacing: -0.50px;
  line-height: normal;
  margin-left: 80px;
  margin-top: 41px;
  min-height: 34px;
  width: 229px;
}

.x11u95desktop .paragraph {
  margin-right: 21.0px;
  min-height: 98px;
  width: 1099px;
}

.x11u95desktop .ya-mon_-cover2-1 {
  height: 367px;
  margin-top: 16px;
  object-fit: cover;
  width: 1120px;
}

.x11u95desktop .paragraph-1 {
  margin-right: 21.0px;
  margin-top: 41px;
  min-height: 63px;
  width: 1099px;
}

.x11u95desktop .yamon_blue-container {
  align-items: center;
  display: flex;
  gap: 19px;
  margin-top: 16px;
  min-width: 1120px;
}

.x11u95desktop .ya-mon_-blue_-sketch-1 {
  height: 578px;
  object-fit: cover;
  width: 557px;
}

.x11u95desktop .ya-mon_-blue-1 {
  height: 471px;
  margin-bottom: 1.0px;
  object-fit: cover;
  width: 544px;
}

.x11u95desktop .paragraph-2 {
  margin-right: 21.0px;
  margin-top: 22px;
  min-height: 92px;
  width: 1099px;
}

.x11u95desktop .mon_-container {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  margin-top: 24px;
  min-width: 1120px;
}

.x11u95desktop .x-mon {
  height: 544px;
  width: 544px;
}

.x11u95desktop .paragraph-3 {
  margin-right: 21.0px;
  margin-top: 34px;
  min-height: 92px;
  width: 1099px;
}

.x11u95desktop .ya-mon_-yellow-1 {
  height: 831px;
  margin-top: 78px;
  object-fit: cover;
  width: 1120px;
}

.x11u95desktop .yamon_-container {
  align-items: center;
  display: flex;
  margin-top: 35px;
  min-width: 1120px;
}

.x11u95desktop .ya-mon_-green-1 {
  height: 568px;
  object-fit: cover;
  width: 592px;
}

.x11u95desktop .ya-mon_-purple-1 {
  height: 388px;
  margin-top: 18.0px;
  object-fit: cover;
  width: 528px;
}

.x11u95desktop .navigation-footer {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 32px;
  height: 360px;
  margin-left: 1.0px;
  margin-top: 48px;
  width: 1277px;
}

.x11u95desktop .divider {
  height: 1px;
  object-fit: cover;
  width: 1197px;
}

.x11u95desktop .flex-row {
  align-self: center;
  gap: 10px;
  margin-left: 1.0px;
  min-width: 1120px;
}

.x11u95desktop .flex-row-1 {
  gap: 10px;
  height: 313px;
  min-width: 931px;
}

.x11u95desktop .flex-col {
  flex-direction: column;
  gap: 9px;
  min-height: 241px;
  width: 179px;
}

.x11u95desktop ._cover-container {
  align-items: flex-start;
  display: flex;
  gap: 11px;
  min-width: 179px;
}

.x11u95desktop ._-cover {
  cursor: pointer;
  height: 115px;
  object-fit: cover;
  width: 84px;
}

.x11u95desktop ._-cover-1 {
  height: 117px;
  width: 179px;
}

.x11u95desktop .flex-col-1 {
  align-items: center;
  gap: 42px;
  min-height: 313px;
  width: 742px;
}

.x11u95desktop .flex-row-2 {
  height: 242px;
  min-width: 742px;
}

.x11u95desktop ._cover-container-1 {
  gap: 10px;
  width: 180px;
}

.x11u95desktop .donk_-cover {
  cursor: pointer;
  height: 115px;
  object-fit: cover;
  width: 180px;
}

.x11u95desktop .smash_-cover {
  cursor: pointer;
  height: 116px;
  object-fit: cover;
  width: 180px;
}

.x11u95desktop .be_-cover {
  cursor: pointer;
  height: 240px;
  margin-left: 10px;
  object-fit: cover;
  width: 176px;
}

.x11u95desktop .d1-sh_-cover {
  cursor: pointer;
  height: 240px;
  margin-left: 11px;
  object-fit: cover;
  width: 176px;
}

.x11u95desktop ._cover-container-2 {
  align-self: flex-end;
  gap: 9px;
  margin-left: 10px;
  width: 179px;
}

.x11u95desktop .bfa_mba_-cover {
  cursor: pointer;
  height: 115px;
  object-fit: cover;
  width: 179px;
}

.x11u95desktop .paragraph-4 {
  cursor: pointer;
  margin-right: 1.0px;
  min-height: 29px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: 319px;
}

.x11u95desktop .flex-col-2 {
  align-items: flex-start;
  gap: 9px;
  margin-top: 1px;
  min-height: 240px;
  width: 179px;
}

.x11u95desktop ._-cover-2 {
  height: 114px;
  width: 84px;
}

.x11u95desktop ._-cover-3 {
  cursor: pointer;
  object-fit: cover;
}

.x11u95desktop ._cover-container-3 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 241px;
}

.x11u95desktop .flex-col-3 {
  display: flex;
  flex-direction: column;
}

.x11u95desktop .flex-row-3 {
  align-items: flex-start;
  display: flex;
}

.x11u95desktop .paragraph-5 {
  letter-spacing: 0;
  line-height: 28.5px;
}
/* screen - 11u95mobile-all-breakpoints */

.x11u95mobile-all-breakpoints {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 3827px;
  overflow: hidden;
  width: 412px;
}

.x11u95mobile-all-breakpoints .navigation-container-2 {
  height: 94px;
  position: relative;
  width: 412px;
}

.x11u95mobile-all-breakpoints .navigation-4 {
  align-items: flex-end;
  overflow: hidden;
  width: 410px;
}

.x11u95mobile-all-breakpoints .overlap-group {
  height: 52px;
  margin-bottom: -14px;
  margin-left: -60px;
  position: relative;
  width: 390px;
}

.x11u95mobile-all-breakpoints .items-2 {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  left: 0;
  position: absolute;
  top: 0;
}

.x11u95mobile-all-breakpoints .site-name-2 {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  left: 140px;
  line-height: 30px;
  position: absolute;
  top: 10px;
  white-space: nowrap;
}

.x11u95mobile-all-breakpoints .navigation-5 {
  align-items: flex-start;
  background-color: var(--white);
  gap: 43px;
  padding: 11px 19px;
  width: 412px;
}

.x11u95mobile-all-breakpoints .sej_logostyle-1-2 {
  align-self: flex-end;
  cursor: pointer;
  height: 67px;
  object-fit: cover;
  width: 203px;
}

.x11u95mobile-all-breakpoints .pro-work-samples-2 {
  cursor: pointer;
  height: 23px;
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 4px;
  min-width: 128px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x11u95mobile-all-breakpoints .yes-mon-1 {
  align-self: flex-start;
  letter-spacing: -0.28px;
  line-height: normal;
  margin-left: 25px;
  margin-top: 21px;
  min-height: 19px;
  width: 229px;
}

.x11u95mobile-all-breakpoints .paragraph-10 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 9px;
  min-height: 95px;
  width: 361px;
}

.x11u95mobile-all-breakpoints .ya-mon_-cover1-1 {
  height: 360px;
  margin-top: 10px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .paragraph-11 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 41px;
  min-height: 60px;
  width: 361px;
}

.x11u95mobile-all-breakpoints .ya-mon_-blue_-sketch-1-2 {
  height: 373px;
  margin-top: 23px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .ya-mon_-blue-1-2 {
  height: 312px;
  margin-top: 22px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .paragraph-12 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 21px;
  min-height: 96px;
  width: 361px;
}

.x11u95mobile-all-breakpoints .ya-mon_nft_-orange-1 {
  height: 360px;
  margin-top: 23px;
  width: 360px;
}

.x11u95mobile-all-breakpoints .ya_-mon_-promo_3-1 {
  height: 360px;
  margin-left: 12.0px;
  margin-top: 25px;
  width: 360px;
}

.x11u95mobile-all-breakpoints .paragraph-13 {
  letter-spacing: 0;
  line-height: 18px;
  margin-right: 1.0px;
  margin-top: 24px;
  min-height: 95px;
  width: 361px;
}

.x11u95mobile-all-breakpoints .ya-mon_-yellow-1-2 {
  height: 268px;
  margin-right: 2.0px;
  margin-top: 9px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .ya-mon_-green-1-2 {
  height: 345px;
  margin-top: 25px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .ya-mon_-purple-1-2 {
  height: 265px;
  margin-top: 25px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .navigation-footer-2 {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 18px;
  height: 396px;
  margin-left: 5.0px;
  margin-top: 51px;
  padding: 0 27px;
  width: 417px;
}

.x11u95mobile-all-breakpoints .divider-2 {
  height: 1px;
  object-fit: cover;
  width: 360px;
}

.x11u95mobile-all-breakpoints .flex-row-6 {
  height: 317px;
  min-width: 360px;
}

.x11u95mobile-all-breakpoints .flex-col-6 {
  width: 116px;
}

.x11u95mobile-all-breakpoints ._cover-container-6 {
  align-items: flex-start;
  display: flex;
  gap: 8px;
  min-width: 116px;
}

.x11u95mobile-all-breakpoints ._-cover-5 {
  cursor: pointer;
  height: 73px;
  object-fit: cover;
  width: 54px;
}

.x11u95mobile-all-breakpoints .i-cam_-cover2-1 {
  cursor: pointer;
  height: 76px;
  margin-top: 6px;
  object-fit: cover;
  width: 116px;
}

.x11u95mobile-all-breakpoints .d1-sh_-cover-2 {
  cursor: pointer;
  height: 155px;
  margin-top: 7px;
  object-fit: cover;
  width: 114px;
}

.x11u95mobile-all-breakpoints .flex-col-7 {
  gap: 4px;
  width: 241px;
}

.x11u95mobile-all-breakpoints .flex-row-7 {
  height: 237px;
  min-width: 241px;
}

.x11u95mobile-all-breakpoints ._cover-container-7 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 237px;
  width: 122px;
}

.x11u95mobile-all-breakpoints .donk_-cover-2 {
  cursor: pointer;
  height: 73px;
  margin-left: 3px;
  object-fit: cover;
  width: 119px;
}

.x11u95mobile-all-breakpoints .smash_-cover-2 {
  cursor: pointer;
  height: 74px;
  margin-left: 3px;
  margin-top: 8px;
  object-fit: cover;
  width: 117px;
}

.x11u95mobile-all-breakpoints .auto_-cover_v5-1 {
  cursor: pointer;
  height: 75px;
  margin-top: 7px;
  object-fit: cover;
  width: 117px;
}

.x11u95mobile-all-breakpoints .be_-cover-2 {
  cursor: pointer;
  height: 155px;
  margin-left: 2px;
  object-fit: cover;
  width: 114px;
}

.x11u95mobile-all-breakpoints .loop_-bike_-cover-1 {
  cursor: pointer;
  height: 75px;
  object-fit: cover;
  width: 116px;
}

.x11u95mobile-all-breakpoints ._cover-container-8 {
  align-items: flex-end;
  display: flex;
  min-width: 241px;
}

.x11u95mobile-all-breakpoints .bfa_mba_-cover-2 {
  cursor: pointer;
  height: 76px;
  object-fit: cover;
  width: 117px;
}

.x11u95mobile-all-breakpoints .paragraph-14 {
  align-self: center;
  cursor: pointer;
  letter-spacing: 0;
  line-height: 28.5px;
  margin-left: 1.0px;
  min-height: 29px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: 234px;
}

.x11u95mobile-all-breakpoints .flex-col {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 317px;
}

.x11u95mobile-all-breakpoints .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 3px;
}

.x11u95mobile-all-breakpoints .navigation {
  display: flex;
  height: 94px;
  left: 0;
  position: absolute;
  top: 0;
}
/* screen - 11u95tablet */

.x11u95tablet {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 2881px;
  width: 834px;
}

.x11u95tablet .navigation-container-1 {
  height: 131px;
  position: relative;
  width: 834px;
}

.x11u95tablet .navigation-2 {
  align-items: flex-end;
  gap: 187px;
  left: 0;
  padding: 23px 80px;
}

.x11u95tablet .site-name-1 {
  color: var(--white);
  font-weight: 500;
  height: 30px;
  line-height: 30px;
  margin-bottom: 12px;
  min-width: 95px;
  white-space: nowrap;
}

.x11u95tablet .items-1 {
  align-items: center;
  display: inline-flex;
  gap: 48px;
  justify-content: flex-end;
  position: relative;
}

.x11u95tablet .surname-1 {
  color: var(--white);
  font-weight: 500;
  line-height: 30px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.x11u95tablet .navigation-3 {
  align-items: flex-start;
  background-color: var(--white);
  gap: 335px;
  left: 2px;
  padding: 18px 37px;
}

.x11u95tablet .sej_logostyle-1-1 {
  align-self: flex-end;
  cursor: pointer;
  height: 83px;
  object-fit: cover;
  width: 250px;
}

.x11u95tablet .pro-work-samples-1 {
  cursor: pointer;
  height: 30px;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 11px;
  min-width: 171px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}

.x11u95tablet .yes-mon {
  align-self: flex-start;
  letter-spacing: -0.28px;
  line-height: normal;
  margin-left: 41px;
  margin-top: 22px;
  min-height: 19px;
  width: 229px;
}

.x11u95tablet .paragraph-5 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 13px;
  min-height: 79px;
  width: 752px;
}

.x11u95tablet .ya-mon_-cover2-1-1 {
  height: 246px;
  margin-top: 14px;
  object-fit: cover;
  width: 752px;
}

.x11u95tablet .paragraph-6 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 22px;
  min-height: 53px;
  width: 752px;
}

.x11u95tablet .yamon_blue-container-1 {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-top: 24px;
  min-width: 752px;
}

.x11u95tablet .ya-mon_-blue_-sketch-1-1 {
  height: 389px;
  object-fit: cover;
  width: 375px;
}

.x11u95tablet .ya-mon_-blue-1-1 {
  height: 316px;
  margin-top: 1.0px;
  object-fit: cover;
  width: 365px;
}

.x11u95tablet .paragraph-7 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 22px;
  min-height: 74px;
  width: 752px;
}

.x11u95tablet .mon_-container-1 {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  margin-top: 24px;
  min-width: 752px;
}

.x11u95tablet .x-mon-1 {
  height: 360px;
  width: 360px;
}

.x11u95tablet .paragraph-8 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: 35px;
  min-height: 76px;
  width: 752px;
}

.x11u95tablet .ya-mon_-yellow-1-1 {
  height: 558px;
  margin-top: 24px;
  object-fit: cover;
  width: 752px;
}

.x11u95tablet .yamon_-container-1 {
  align-items: center;
  display: flex;
  margin-top: 23px;
  min-width: 752px;
}

.x11u95tablet .ya-mon_-green-1-1 {
  height: 381px;
  object-fit: cover;
  width: 397px;
}

.x11u95tablet .ya-mon_-purple-1-1 {
  height: 261px;
  margin-top: 12.0px;
  object-fit: cover;
  width: 355px;
}

.x11u95tablet .navigation-footer-1 {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 19px;
  height: 248px;
  margin-top: 44px;
  width: 834px;
}

.x11u95tablet .divider-1 {
  height: 1px;
  object-fit: cover;
  width: 800px;
}

.x11u95tablet .flex-row-3 {
  gap: 8px;
  min-width: 752px;
}

.x11u95tablet .flex-row-4 {
  gap: 7px;
  height: 216px;
  min-width: 625px;
}

.x11u95tablet .flex-col-3 {
  align-items: flex-start;
  gap: 7px;
  min-height: 160px;
  width: 119px;
}

.x11u95tablet ._cover-container-3 {
  gap: 8px;
  min-width: 119px;
}

.x11u95tablet ._-cover-3 {
  width: 56px;
}

.x11u95tablet ._-cover-4 {
  width: 55px;
}

.x11u95tablet .i-cam_-cover2 {
  cursor: pointer;
  height: 77px;
  object-fit: cover;
  width: 119px;
}

.x11u95tablet .flex-col-4 {
  align-items: center;
  gap: 27px;
  min-height: 216px;
  width: 499px;
}

.x11u95tablet .flex-row-5 {
  min-width: 499px;
}

.x11u95tablet ._cover-container-4 {
  flex-direction: column;
  gap: 7px;
  min-height: 160px;
  width: 122px;
}

.x11u95tablet .donk_-cover-1 {
  cursor: pointer;
  height: 76px;
  margin-left: 1px;
  object-fit: cover;
  width: 121px;
}

.x11u95tablet .smash_-cover-1 {
  cursor: pointer;
  height: 77px;
  object-fit: cover;
  width: 121px;
}

.x11u95tablet .be_-cover-1 {
  cursor: pointer;
  height: 160px;
  margin-left: 6px;
  object-fit: cover;
  width: 118px;
}

.x11u95tablet .d1-sh_-cover-1 {
  cursor: pointer;
  height: 160px;
  margin-left: 8px;
  object-fit: cover;
  width: 118px;
}

.x11u95tablet ._cover-container-5 {
  flex-direction: column;
  gap: 5px;
  margin-left: 7px;
  min-height: 159px;
  width: 120px;
}

.x11u95tablet .auto_-cover_v5 {
  cursor: pointer;
  height: 78px;
  object-fit: cover;
  width: 120px;
}

.x11u95tablet .bfa_mba_-cover-1 {
  cursor: pointer;
  height: 76px;
  object-fit: cover;
  width: 120px;
}

.x11u95tablet .paragraph-9 {
  cursor: pointer;
  letter-spacing: 0;
  line-height: 28.5px;
  margin-left: 1.07px;
  min-height: 29px;
  text-align: center;
  text-decoration: underline;
  white-space: nowrap;
  width: 208px;
}

.x11u95tablet .flex-col-5 {
  align-items: flex-start;
  gap: 5px;
  min-height: 159px;
  width: 119px;
}

.x11u95tablet .loop_-bike_-cover {
  cursor: pointer;
  height: 78px;
  object-fit: cover;
  width: 119px;
}

.x11u95tablet ._-cover {
  cursor: pointer;
  height: 76px;
  object-fit: cover;
}

.x11u95tablet ._cover-container {
  align-items: flex-start;
  display: flex;
}

.x11u95tablet .flex-col {
  display: flex;
  flex-direction: column;
}

.x11u95tablet .flex-row {
  align-items: flex-start;
  display: flex;
}

.x11u95tablet .navigation {
  display: flex;
  height: 131px;
  position: absolute;
  top: 0;
  width: 832px;
}
@media screen and (max-width: 833px) {
  .screen.x11u95desktop { 
    display: none;
   }
  .screen.x11u95tablet { 
    display: none;
   }
}
@media screen and (min-width: 834px) and (max-width: 1279px) {
  .screen.x11u95desktop { 
    display: none;
   }
  .screen.x11u95mobile-all-breakpoints { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.x11u95tablet { 
    display: none;
   }
  .screen.x11u95mobile-all-breakpoints { 
    display: none;
   }
}