/* screen - desktop */

.desktop {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 6538px;
  min-width: 1240px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.desktop .rectangle-copy-31 {
  background-color: var(--tango);
  height: 163px;
  left: 0px;
  position: absolute;
  top: 127px;
  width: 34px;
}

.desktop .group-1 {
  height: 124px;
  left: 7.98%;
  top: 144px;
  width: 428px;
}

.desktop .your-world-citizen-p {
  background-color: transparent;
  color: var(--cape-cod);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: left;
  top: 27px;
  width: 428px;
}

.desktop .tecpro-health {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 396px;
}

.desktop .group-6 {
  height: 107px;
  left: 52.82%;
  top: 138px;
  width: 36.94%;
}

.desktop .brand-design-web {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 83px;
  white-space: nowrap;
  width: 458px;
}

.desktop .identity-and-website {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 458px;
}

.desktop .group-2-1 {
  height: 242px;
  left: 52.82%;
  top: 923px;
  width: 36.94%;
}

.desktop .tecpro-health-is-a-s {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 458px;
}

.desktop .image-1-1 {
  display: block;
  height: 350px;
  left: 12.18%;
  opacity: 1;
  top: 869px;
  transform: scale(0.9);
  width: 350px;
}

.desktop .image-1-1.bp2-animate-enter {
  animation: bp2-animate-enter-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: scale(0.9);
}

@keyframes bp2-animate-enter-frames {
  from{opacity: 1;
transform: scale(0.9);
}
to{opacity: 1;
transform: scale(1);
}
}

.desktop .image-fill-4-1 {
  top: 3996px;
}

.desktop .image-fill-4-1.bp2-animate-enter1 {
  animation: bp2-animate-enter1-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter1-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop .image-fill-4-2 {
  top: 4893px;
}

.desktop .image-fill-4-2.bp2-animate-enter2 {
  animation: bp2-animate-enter2-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter2-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop .image-fill-3-desktop {
  background-color: transparent;
  display: block;
  height: 700px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 3159px;
  transform: translate(0, 25px);
  width: 1200px;
}

.desktop .image-fill-3-desktop.bp2-animate-enter3 {
  animation: bp2-animate-enter3-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter3-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop .image-fill-2-desktop {
  background-color: transparent;
  display: block;
  height: 700px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 2318px;
  transform: translate(0, 25px);
  width: 1200px;
}

.desktop .image-fill-2-desktop.bp2-animate-enter4 {
  animation: bp2-animate-enter4-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter4-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop .image-fill-1-desktop {
  background-color: transparent;
  display: block;
  height: 700px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1418px;
  transform: translate(0, 25px);
  width: 1200px;
}

.desktop .image-fill-1-desktop.bp2-animate-enter5 {
  animation: bp2-animate-enter5-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp2-animate-enter5-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.desktop .group-2-2 {
  cursor: pointer;
  height: 42px;
  margin-left: -450px;
  margin-right: 450px;
  top: 5704px;
  width: 299px;
}

.desktop .group-3-copy-1 {
  height: 21px;
  left: 0px;
  top: 13px;
  transform: rotate(-180deg);
}

.desktop .group-3-copy-3 {
  height: 21px;
  left: 0px;
  top: 0px;
}

.desktop .portfolio {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: 45px;
  letter-spacing: 1.43px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 255px;
}

.desktop .group-9 {
  cursor: pointer;
  height: 42px;
  margin-left: 531px;
  margin-right: -531px;
  top: 5704px;
  width: 137px;
}

.desktop .group-3-copy-4 {
  height: 22px;
  left: 110px;
  top: 13px;
}

.desktop .group-3-copy-5 {
  height: 22px;
  left: 0px;
  top: 0px;
}

.desktop .next {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: -2px;
  letter-spacing: 1.43px;
  line-height: 42px;
  position: absolute;
  text-align: right;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 95px;
}

.desktop .image-1-2 {
  height: 208px;
  top: 461px;
  width: 663px;
}

.desktop .footerdesktopnew {
  background-color: transparent;
  bottom: 0px;
  height: 595px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.desktop .rectangle-1 {
  background-color: var(--white);
  height: 595px;
  width: 1240px;
}

.desktop .rectangle-2 {
  background-color: var(--tango);
  height: 100%;
  width: 100%;
}

.desktop .vdsc-full-logo-orange-on-white {
  background-color: transparent;
  cursor: pointer;
  height: 44px;
  left: 8.23%;
  position: absolute;
  top: 83px;
  width: 225px;
}

.desktop .group-5 {
  bottom: 81px;
  height: 312px;
  left: 8.06%;
  width: 532px;
}

.desktop .group-2-3 {
  height: 225px;
  left: 0px;
  top: 0px;
  width: 532px;
}

.desktop .group-3 {
  height: 40px;
  left: 0px;
  top: 185px;
  width: 532px;
}

.desktop .x27-31-767-9166 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktop .stacked-group-group-3 {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  left: 256px;
  position: absolute;
  top: 0px;
  width: 276px;
}

.desktop .stacked-group-stacked-group {
  background-color: transparent;
  height: 40px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 276px;
}

.desktop .hellovdsccoza {
  background-color: transparent;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.desktop .group-3-copy-2-stacked-group {
  background-color: transparent;
  height: 22px;
  left: 249px;
  position: absolute;
  top: 13px;
  width: 27px;
}

.desktop .group-3-copy-2-group-3-copy-2 {
  background-color: transparent;
  height: 22px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 27px;
}

.desktop .hello {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 154px;
}

.desktop .lets-do-something-g {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxl);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 45px;
  position: absolute;
  text-align: left;
  top: 66px;
  width: 459px;
}

.desktop .privacy-policy-202 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.05px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 282px;
  width: auto;
}

.desktop .website-design-by-vd {
  background-color: transparent;
  bottom: 81px;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.05px;
  line-height: 14px;
  position: absolute;
  right: 8.14%;
  text-align: right;
  white-space: nowrap;
  width: 168px;
}

.desktop .group-10 {
  height: 32px;
  right: 8.31%;
  top: 90px;
  width: 127px;
}

.desktop .group-2-copy {
  cursor: pointer;
  height: 32px;
  left: 93px;
  top: 0px;
  width: 34px;
}

.desktop .fill-149 {
  height: 32px;
  left: 0px;
  top: 0px;
  width: 34px;
}

.desktop .fill-150 {
  height: 16px;
  left: 10px;
  top: 9px;
  width: 16px;
}

.desktop .fill-151 {
  height: 4px;
  left: 23px;
  top: 7px;
  width: 4px;
}

.desktop .fill-152-copy {
  background-color: transparent;
  cursor: pointer;
  height: 32px;
  left: 57px;
  position: absolute;
  top: 0px;
  width: 14px;
}

.desktop .group-9-copy {
  background-color: transparent;
  cursor: pointer;
  height: 32px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 32px;
}

.desktop .fill-1 {
  height: 21px;
  left: 1px;
  top: 11px;
  width: 6px;
}

.desktop .group-8 {
  height: 32px;
  left: 0px;
  top: 0px;
  width: 32px;
}

.desktop .group-4-group-8 {
  left: 11px;
  top: 10px;
}

.desktop .group-2 {
  background-color: transparent;
  position: absolute;
}

.desktop .group-3-copy {
  background-color: transparent;
  position: absolute;
  width: 27px;
}

.desktop .group-4-group {
  background-color: transparent;
  height: 22px;
  position: absolute;
  width: 21px;
}

.desktop .group-7-group {
  background-color: transparent;
  height: 7px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 7px;
}

.desktop .image-1 {
  background-color: transparent;
  position: absolute;
}

.desktop .image-fill-4 {
  background-color: transparent;
  display: block;
  height: 700px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transform: translate(0, 25px);
  width: 1200px;
}

.desktop .rectangle {
  left: 0px;
  position: absolute;
  top: 0px;
}
/* screen - full-project */

.full-project {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 7848px;
  min-width: 1900px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.full-project .rectangle-copy-31 {
  background-color: var(--tango);
  height: 190px;
  left: 0px;
  position: absolute;
  top: 136px;
  width: 47px;
}

.full-project .group-1 {
  height: 151px;
  left: 13.63%;
  top: 156px;
  width: 428px;
}

.full-project .your-world-citizen-p {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  line-height: 54px;
  position: absolute;
  text-align: left;
  top: 27px;
  width: 428px;
}

.full-project .mygrate-investments {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 396px;
}

.full-project .group-6 {
  height: 108px;
  left: 64.32%;
  top: 152px;
  width: 24.11%;
}

.full-project .brand-design-web {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 84px;
  white-space: nowrap;
  width: 287px;
}

.full-project .identity-and-website {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 458px;
}

.full-project .image-fill-4-1 {
  object-fit: cover;
  top: 4794px;
}

.full-project .image-fill-4-1.bp1-animate-enter {
  animation: bp1-animate-enter-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.full-project .image-fill-4-2 {
  margin-left: -1px;
  margin-right: 1px;
  top: 5845px;
}

.full-project .image-fill-4-2.bp1-animate-enter1 {
  animation: bp1-animate-enter1-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter1-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.full-project .image-fill-3-full-project {
  background-color: transparent;
  display: block;
  height: 852px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 3774px;
  transform: translate(0, 25px);
  width: 1468px;
}

.full-project .image-fill-3-full-project.bp1-animate-enter2 {
  animation: bp1-animate-enter2-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter2-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.full-project .image-fill-2-full-project {
  background-color: transparent;
  display: block;
  height: 852px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 2736px;
  transform: translate(0, 25px);
  width: 1466px;
}

.full-project .image-fill-2-full-project.bp1-animate-enter3 {
  animation: bp1-animate-enter3-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter3-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.full-project .image-fill-1-full-project {
  background-color: transparent;
  display: block;
  height: 852px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1682px;
  transform: translate(0, 25px);
  width: 1466px;
}

.full-project .image-fill-1-full-project.bp1-animate-enter4 {
  animation: bp1-animate-enter4-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp1-animate-enter4-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.full-project .group-2-1 {
  cursor: pointer;
  height: 42px;
  margin-left: -583px;
  margin-right: 583px;
  top: 6817px;
  width: 301px;
}

.full-project .group-3-copy-1 {
  left: 0px;
  top: 11px;
  transform: rotate(-180deg);
}

.full-project .group-3-copy-3 {
  left: 0px;
  top: 0px;
}

.full-project .portfolio {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: 47px;
  letter-spacing: 1.43px;
  line-height: 42px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 255px;
}

.full-project .group-9 {
  cursor: pointer;
  height: 42px;
  margin-left: 666px;
  margin-right: -666px;
  top: 6817px;
  width: 134px;
}

.full-project .group-3-copy-4 {
  left: 105px;
  top: 11px;
}

.full-project .group-3-copy-5 {
  left: 0px;
  top: 0px;
}

.full-project .next {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: -2px;
  letter-spacing: 1.43px;
  line-height: 42px;
  position: absolute;
  text-align: right;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 89px;
}

.full-project .tecpro-health-is-a-s {
  background-color: transparent;
  color: var(--cape-cod);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 64.32%;
  letter-spacing: 0.00px;
  line-height: 20px;
  position: absolute;
  text-align: left;
  top: 1091px;
  width: 24.11%;
}

.full-project .group-2-2 {
  display: block;
  height: 520px;
  left: 17.11%;
  opacity: 1;
  top: 967px;
  transform: scale(0.9);
  width: 520px;
}

.full-project .group-2-2.bp1-animate-enter5 {
  animation: bp1-animate-enter5-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: scale(0.9);
}

@keyframes bp1-animate-enter5-frames {
  from{opacity: 1;
transform: scale(0.9);
}
to{opacity: 1;
transform: scale(1);
}
}

.full-project .image-1-full-project {
  background-color: transparent;
  display: block;
  height: 287px;
  margin-left: 0px;
  margin-right: -0px;
  opacity: 1;
  position: absolute;
  top: 480px;
  transform: scale(0.9);
  width: 915px;
}

.full-project .image-1-full-project.bp1-animate-enter6 {
  animation: bp1-animate-enter6-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: scale(0.9);
}

@keyframes bp1-animate-enter6-frames {
  from{opacity: 1;
transform: scale(0.9);
}
to{opacity: 1;
transform: scale(1);
}
}

.full-project .footerx-lnew {
  background-color: transparent;
  bottom: 0px;
  height: 788px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.full-project .rectangle-1 {
  height: 788px;
  width: 1900px;
}

.full-project .rectangle-2 {
  height: 100%;
  width: 100%;
}

.full-project .group-10 {
  height: 37px;
  right: 5.53%;
  top: 98px;
  width: 147px;
}

.full-project .group-2-copy {
  cursor: pointer;
  height: 37px;
  left: 108px;
  top: 0px;
  width: 39px;
}

.full-project .fill-149 {
  height: 37px;
  left: 0px;
  top: 0px;
  width: 39px;
}

.full-project .fill-150 {
  height: 18px;
  left: 11px;
  top: 10px;
  width: 18px;
}

.full-project .fill-151 {
  height: 4px;
  left: 27px;
  top: 8px;
  width: 4px;
}

.full-project .fill-152-copy {
  background-color: transparent;
  cursor: pointer;
  height: 37px;
  left: 66px;
  position: absolute;
  top: 0px;
  width: 16px;
}

.full-project .group-9-copy {
  background-color: transparent;
  cursor: pointer;
  height: 37px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 37px;
}

.full-project .fill-1 {
  height: 24px;
  left: 1px;
  top: 13px;
  width: 7px;
}

.full-project .group-8 {
  height: 37px;
  left: 0px;
  top: 0px;
  width: 37px;
}

.full-project .group-4-group-8 {
  left: 13px;
  top: 12px;
}

.full-project .website-design-by-vd {
  background-color: transparent;
  bottom: 82px;
  font-weight: 400;
  height: auto;
  letter-spacing: 0.05px;
  line-height: 15px;
  position: absolute;
  right: 105px;
  text-align: right;
  width: 229px;
}

.full-project .group-3 {
  bottom: 82px;
  height: 432px;
  left: 5.42%;
  width: 618px;
}

.full-project .privacy-policy-202 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.05px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 402px;
  width: 532px;
}

.full-project .group-5 {
  height: 42px;
  left: 0px;
  top: 249px;
  width: 538px;
}

.full-project .group-3-copy-2-group-5 {
  background-color: transparent;
  height: 25px;
  left: 509px;
  position: absolute;
  top: 10px;
  width: 29px;
}

.full-project .group-3-copy-2-group-3-copy-2 {
  background-color: transparent;
  height: 25px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 29px;
}

.full-project .hellovdsccoza {
  background-color: transparent;
  cursor: pointer;
  font-weight: 900;
  height: auto;
  left: 259px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .x27-31-767-9166 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 40px;
  position: absolute;
  text-align: left;
  top: 2px;
  white-space: nowrap;
  width: auto;
}

.full-project .hello {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  line-height: 58px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .lets-do-something-g {
  background-color: transparent;
  color: var(--white);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  line-height: 54px;
  position: absolute;
  text-align: left;
  top: 93px;
  width: 618px;
}

.full-project .vdsc-full-logo-orange-on-white {
  background-color: transparent;
  cursor: pointer;
  height: 63px;
  left: 5.53%;
  position: absolute;
  top: 85px;
  width: 324px;
}

.full-project .group-2 {
  background-color: transparent;
  position: absolute;
}

.full-project .group-3-copy {
  background-color: transparent;
  height: 25px;
  position: absolute;
  width: 29px;
}

.full-project .group-4-group {
  background-color: transparent;
  height: 25px;
  position: absolute;
  width: 24px;
}

.full-project .group-7-group {
  background-color: transparent;
  height: 9px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 9px;
}

.full-project .image-fill-4 {
  background-color: transparent;
  display: block;
  height: 852px;
  opacity: 1;
  position: absolute;
  transform: translate(0, 25px);
  width: 1466px;
}

.full-project .rectangle {
  background-color: var(--tango);
  left: 0px;
  position: absolute;
  top: 0px;
}
/* screen - mobile */

.mobile {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 2583px;
  min-width: 360px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile .group-mobile {
  height: 170px;
  left: 12.78%;
  top: 47px;
  width: 279px;
}

.mobile .identity-website-an {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: -0.18px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 92px;
  width: 267px;
}

.mobile .brand-design-web-copy {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -0.18px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 147px;
  white-space: nowrap;
  width: 267px;
}

.mobile .quid-app {
  background-color: transparent;
  color: var(--gravel);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: -0.18px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 267px;
}

.mobile .title {
  background-color: transparent;
  font-weight: 700;
  height: 62px;
  left: 0px;
  letter-spacing: 0.63px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 18px;
  width: 280px;
}

.mobile .group-5-copy-1 {
  left: 5.56%;
  width: 84px;
}

.mobile .portfolio {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: 19px;
  letter-spacing: -0.18px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 65px;
}

.mobile .group-3-copy-6-1 {
  left: 0px;
  top: 7px;
  transform: rotate(-179deg);
}

.mobile .group-3-copy-6-2 {
  left: 0px;
  top: 0px;
}

.mobile .group-5-copy-2 {
  right: 5.28%;
  width: 55px;
}

.mobile .next {
  background-color: transparent;
  font-weight: 700;
  height: auto;
  left: -2px;
  letter-spacing: -0.18px;
  line-height: 23px;
  position: absolute;
  text-align: right;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 37px;
}

.mobile .group-3-copy-6-3 {
  left: 42px;
  top: 7px;
}

.mobile .group-3-copy-6-4 {
  left: 0px;
  top: 0px;
}

.mobile .fill-4 {
  height: 260px;
  object-fit: cover;
  top: 1580px;
  width: 321px;
}

.mobile .fill-3 {
  height: 260px;
  object-fit: cover;
  top: 1283px;
  width: 320px;
}

.mobile .fill-2 {
  height: 260px;
  object-fit: cover;
  top: 986px;
  width: 320px;
}

.mobile .fill-1-mobile {
  background-color: transparent;
  height: 260px;
  object-fit: cover;
  position: absolute;
  top: 689px;
  width: 320px;
}

.mobile .rectangle-copy-37 {
  background-color: var(--tango);
  height: 76px;
  left: 0px;
  position: absolute;
  top: 94px;
  width: 12px;
}

.mobile .image-1-copy-4 {
  background-color: transparent;
  height: 176px;
  position: absolute;
  top: 437px;
  width: 176px;
}

.mobile .image-1 {
  background-color: transparent;
  height: 66px;
  position: absolute;
  top: 294px;
  width: 210px;
}

.mobile .footermobilenew {
  background-color: transparent;
  bottom: 0px;
  height: 567px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.mobile .rectangle {
  background-color: var(--tango);
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .group-5 {
  bottom: 36px;
  height: 113px;
  left: 11.11%;
  width: 275px;
}

.mobile .x2022-van-der-spuy-c {
  background-color: transparent;
  cursor: pointer;
  font-weight: 400;
  height: 50px;
  left: 0px;
  letter-spacing: 0.05px;
  line-height: 15px;
  position: absolute;
  text-align: left;
  top: 63px;
  width: 275px;
}

.mobile .group-2 {
  height: 29px;
  left: 0px;
  top: 0px;
  width: 105px;
}

.mobile .group-2-copy {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 75px;
  position: absolute;
  top: 0px;
  width: 30px;
}

.mobile .fill-149 {
  height: 28px;
  left: 0px;
  top: 0px;
  width: 30px;
}

.mobile .fill-150 {
  height: 14px;
  left: 9px;
  top: 8px;
  width: 14px;
}

.mobile .fill-151 {
  height: 3px;
  left: 21px;
  top: 6px;
  width: 3px;
}

.mobile .fill-152-copy {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 44px;
  position: absolute;
  top: 0px;
  width: 13px;
}

.mobile .group-9-copy {
  background-color: transparent;
  cursor: pointer;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 29px;
}

.mobile .fill-1-group-9-copy {
  background-color: transparent;
  height: 19px;
  left: 1px;
  position: absolute;
  top: 10px;
  width: 6px;
}

.mobile .group-8 {
  height: 29px;
  left: 0px;
  top: 0px;
  width: 29px;
}

.mobile .group-4-group-8 {
  left: 10px;
  top: 9px;
}

.mobile .group-6 {
  height: 300px;
  left: 11.11%;
  top: 46px;
  width: 199px;
}

.mobile .lets-do-something-g {
  background-color: transparent;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 160px;
  width: 199px;
}

.mobile .hello {
  background-color: transparent;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 110px;
  white-space: nowrap;
  width: 62px;
}

.mobile .group-group-6 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  position: absolute;
  top: 244px;
  width: 173px;
}

.mobile .stacked-group-group {
  background-color: transparent;
  height: 28px;
  left: 0px;
  position: relative;
  top: 0px;
  width: 173px;
}

.mobile .x27-31-767-9166 {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 155px;
}

.mobile .group-3-copy-3-stacked-group {
  background-color: transparent;
  height: 11px;
  left: 160px;
  position: absolute;
  top: 9px;
  width: 13px;
}

.mobile .group-3-copy-3-group-3-copy-3 {
  background-color: transparent;
  height: 11px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 13px;
}

.mobile .stacked-group-group-6 {
  background-color: transparent;
  cursor: pointer;
  height: 28px;
  left: 0px;
  position: absolute;
  top: 272px;
  width: 173px;
}

.mobile .hellovdsccoza {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  white-space: nowrap;
  width: 155px;
}

.mobile .group-3-copy-2-stacked-group {
  background-color: transparent;
  height: 11px;
  left: 160px;
  position: absolute;
  top: 10px;
  width: 13px;
}

.mobile .group-3-copy-2-group-3-copy-2 {
  background-color: transparent;
  height: 11px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 13px;
}

.mobile .vdsc-full-logo-orange-on-white {
  background-color: transparent;
  cursor: pointer;
  height: 35px;
  left: 1px;
  position: absolute;
  top: 0px;
  width: 181px;
}

.mobile .group-3 {
  cursor: pointer;
  height: 33px;
  right: 11.39%;
  top: 47px;
  width: 33px;
}

.mobile .group-3-copy-6 {
  background-color: transparent;
  height: 11px;
  position: absolute;
  width: 13px;
}

.mobile .group-4-group {
  background-color: transparent;
  height: 20px;
  position: absolute;
  width: 19px;
}

.mobile .group-5-copy {
  background-color: transparent;
  cursor: pointer;
  height: 24px;
  position: absolute;
  top: 1916px;
}

.mobile .group-7-group {
  background-color: transparent;
  height: 7px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 7px;
}
/* screen - tablet */

.tablet {
  background-color: var(--white);
  height: 100vh;
  margin: 0px;
  min-height: 4466px;
  min-width: 768px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet .mygrate-is-a-team-of {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 53.26%;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 572px;
  width: 38.41%;
}

.tablet .group-3 {
  height: 77px;
  left: 8.20%;
  top: 119px;
  width: 279px;
}

.tablet .your-world-citizen-p {
  background-color: transparent;
  font-weight: 700;
  height: 55px;
  left: 0px;
  letter-spacing: 0.63px;
  line-height: 26px;
  position: absolute;
  text-align: left;
  top: 22px;
  width: 280px;
}

.tablet .mygrate-investments {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 204px;
}

.tablet .rectangle-copy-44-tablet {
  background-color: var(--tango);
  display: block;
  height: 76px;
  left: 0px;
  opacity: 1;
  position: absolute;
  top: 120px;
  transform: translate(0, 25px);
  width: 19px;
}

.tablet .rectangle-copy-44-tablet.bp3-animate-enter {
  animation: bp3-animate-enter-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .group-5 {
  height: 77px;
  left: 53.26%;
  top: 118px;
  width: 38.41%;
}

.tablet .brand-design-web {
  background-color: transparent;
  font-weight: 400;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 53px;
  width: 292px;
}

.tablet .identity-and-website {
  background-color: transparent;
  color: var(--cape-cod);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 295px;
}

.tablet .fill-3-tablet {
  background-color: transparent;
  display: block;
  height: 448px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 2115px;
  transform: translate(0, 25px);
  width: 728px;
}

.tablet .fill-3-tablet.bp3-animate-enter1 {
  animation: bp3-animate-enter1-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter1-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .image-1-1 {
  display: block;
  height: 286px;
  left: 56px;
  opacity: 1;
  top: 572px;
  transform: scale(0.9);
  width: 286px;
}

.tablet .image-1-1.bp3-animate-enter2 {
  animation: bp3-animate-enter2-frames 2.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: scale(0.9);
}

@keyframes bp3-animate-enter2-frames {
  from{opacity: 1;
transform: scale(0.9);
}
to{opacity: 1;
transform: scale(1);
}
}

.tablet .group-2-tablet {
  cursor: pointer;
  height: 42px;
  margin-left: -225px;
  margin-right: 225px;
  top: 3742px;
  width: 278px;
}

.tablet .group-3-copy-1 {
  left: 0px;
  top: 16px;
  transform: rotate(-180deg);
}

.tablet .group-3-copy-2 {
  left: 0px;
  top: 0px;
}

.tablet .portfolio {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: 24px;
  letter-spacing: 1.14px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  width: 255px;
}

.tablet .group-tablet {
  cursor: pointer;
  height: 42px;
  margin-left: 321px;
  margin-right: -321px;
  top: 3742px;
  width: 84px;
}

.tablet .group-3-copy-3 {
  left: 67px;
  top: 16px;
}

.tablet .group-3-copy-4 {
  left: 0px;
  top: 0px;
}

.tablet .next {
  background-color: transparent;
  font-weight: 700;
  height: 42px;
  left: -2px;
  letter-spacing: 1.14px;
  line-height: 23px;
  position: absolute;
  text-align: right;
  text-decoration: underline;
  top: 0px;
  width: 62px;
}

.tablet .fill-2-tablet {
  background-color: transparent;
  display: block;
  height: 448px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 1546px;
  transform: translate(0, 25px);
  width: 728px;
}

.tablet .fill-2-tablet.bp3-animate-enter3 {
  animation: bp3-animate-enter3-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter3-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .fill-1-tablet {
  background-color: transparent;
  display: block;
  height: 448px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  top: 978px;
  transform: translate(0, 25px);
  width: 728px;
}

.tablet .fill-1-tablet.bp3-animate-enter4 {
  animation: bp3-animate-enter4-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter4-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .fill-4-1 {
  top: 2684px;
}

.tablet .fill-4-1.bp3-animate-enter5 {
  animation: bp3-animate-enter5-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter5-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .fill-4-2 {
  top: 3252px;
}

.tablet .fill-4-2.bp3-animate-enter6 {
  animation: bp3-animate-enter6-frames 1.00s ease-in-out 0.00s 1 normal forwards;
  display: block;
  opacity: 1;
  transform: translate(0, 25px);
}

@keyframes bp3-animate-enter6-frames {
  from{opacity: 1;
transform: translate(0, 25px);
}
to{opacity: 1;
transform: translate(0,0);
}
}

.tablet .image-1-2 {
  height: 144px;
  top: 308px;
  width: 459px;
}

.tablet .footer-tabletnew {
  background-color: transparent;
  bottom: 0px;
  height: 571px;
  left: 0px;
  position: absolute;
  width: 100%;
}

.tablet .rectangle-1 {
  height: 571px;
  width: 768px;
}

.tablet .rectangle-2 {
  height: 100%;
  width: 100%;
}

.tablet .group-footer-tabletnew {
  background-color: transparent;
  height: 344px;
  left: 8.20%;
  position: absolute;
  top: 172px;
  width: 328px;
}

.tablet .x2022-van-der-spuy-c {
  background-color: transparent;
  color: var(--white);
  cursor: pointer;
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-s);
  font-style: normal;
  font-weight: 400;
  height: 51px;
  left: 0px;
  letter-spacing: 0.06px;
  line-height: 19px;
  position: absolute;
  text-align: left;
  top: 293px;
  width: 328px;
}

.tablet .lets-do-something-g-copy {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 48px;
  width: 241px;
}

.tablet .hello-copy {
  background-color: transparent;
  font-weight: 900;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 23px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 199px;
}

.tablet .stacked-group {
  background-color: transparent;
  cursor: pointer;
  height: 35px;
  left: 0px;
  position: absolute;
  top: 126px;
  width: 214px;
}

.tablet .x27-31-767-9166 {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  top: 0px;
  width: 190px;
}

.tablet .group-3-copy-14-stacked-group {
  background-color: transparent;
  height: 14px;
  left: 197px;
  position: absolute;
  top: 6px;
  width: 17px;
}

.tablet .group-3-copy-14-group-3-copy-14 {
  background-color: transparent;
  height: 14px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 17px;
}

.tablet .stacked-group-2 {
  background-color: transparent;
  cursor: pointer;
  height: 35px;
  left: 0px;
  position: absolute;
  top: 154px;
  width: 214px;
}

.tablet .hellovdsccoza {
  background-color: transparent;
  color: var(--white);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-l);
  font-style: normal;
  font-weight: 700;
  height: auto;
  left: 0px;
  letter-spacing: 0.00px;
  line-height: 28px;
  position: absolute;
  text-align: left;
  text-decoration: underline;
  top: 0px;
  width: 190px;
}

.tablet .group-3-copy-17-stacked-group-2 {
  background-color: transparent;
  height: 14px;
  left: 197px;
  position: absolute;
  top: 10px;
  width: 17px;
}

.tablet .group-3-copy-17-group-3-copy-17 {
  background-color: transparent;
  height: 14px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 17px;
}

.tablet .group-2-group {
  height: 26px;
  left: 1px;
  top: 245px;
  width: 112px;
}

.tablet .group-2-copy {
  cursor: pointer;
  height: 25px;
  left: 85px;
  top: 0px;
  width: 27px;
}

.tablet .fill-149 {
  height: 25px;
  left: 0px;
  top: 0px;
  width: 27px;
}

.tablet .fill-150 {
  height: 12px;
  left: 8px;
  top: 7px;
  width: 12px;
}

.tablet .fill-151 {
  height: 3px;
  left: 19px;
  top: 5px;
  width: 3px;
}

.tablet .fill-152-copy {
  background-color: transparent;
  cursor: pointer;
  height: 25px;
  left: 53px;
  position: absolute;
  top: 0px;
  width: 11px;
}

.tablet .group-9-copy {
  background-color: transparent;
  cursor: pointer;
  height: 26px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 26px;
}

.tablet .fill-1-group-9-copy {
  background-color: transparent;
  height: 17px;
  left: 1px;
  position: absolute;
  top: 9px;
  width: 5px;
}

.tablet .group-8 {
  height: 26px;
  left: 0px;
  top: 0px;
  width: 26px;
}

.tablet .group-4-group-8 {
  left: 9px;
  top: 8px;
}

.tablet .group-26-copy {
  background-color: transparent;
  cursor: pointer;
  height: 33px;
  position: absolute;
  right: 8.33%;
  top: 71px;
  width: 33px;
}

.tablet .vdsc-full-logo-orange-on-white {
  background-color: transparent;
  height: 47px;
  left: 8.20%;
  position: absolute;
  top: 64px;
  width: 241px;
}

.tablet .fill-4 {
  background-color: transparent;
  display: block;
  height: 448px;
  object-fit: cover;
  opacity: 1;
  position: absolute;
  transform: translate(0, 25px);
  width: 728px;
}

.tablet .group-2 {
  background-color: transparent;
  position: absolute;
}

.tablet .group-3-copy {
  background-color: transparent;
  height: 14px;
  position: absolute;
  width: 17px;
}

.tablet .group-4-group {
  background-color: transparent;
  height: 18px;
  position: absolute;
  width: 17px;
}

.tablet .group-7-group {
  background-color: transparent;
  height: 6px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 6px;
}

.tablet .image-1 {
  background-color: transparent;
  position: absolute;
}

.tablet .rectangle {
  background-color: var(--tango);
  left: 0px;
  position: absolute;
  top: 0px;
}
@media screen and (max-width: 767px) {
  .screen.desktop { 
    display: none;
   }
  .screen.full-project { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .screen.desktop { 
    display: none;
   }
  .screen.full-project { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1240px) and (max-width: 1899px) {
  .screen.full-project { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1900px) {
  .screen.desktop { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}