.quick-links-style{
  text-decoration: underline;

}

/* screen - desktop */

.desktop {
  align-items: flex-end;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  gap: 1px;
  height: 339px;
  padding: 47.7px 129.9px;
  width: 1200px;
      align-items: center;
}

.desktop .flex-row {
  height: 213px;
  min-width: 940px;
}

.desktop .flex-col {
  align-self: flex-end;
  flex-direction: column;
  gap: 22px;
  min-height: 211px;
  width: 305px;
}

.desktop .group-container {
  align-items: center;
  display: flex;
  gap: 12px;
  margin-left: 0;
  min-width: 305px;
}

.desktop .group-37 {
  height: 85px;
  object-fit: cover;
  width: 85px;
}

.desktop .group-29 {
  height: 62px;
  margin-top: 0.27px;
  object-fit: cover;
  width: 207px;
}

.desktop .second-largest-in-th {
  letter-spacing: 0;
  line-height: 15px;
  min-height: 104px;
  white-space: nowrap;
}

.desktop .quick-linksparent-p {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 94px;
  margin-top: 0.53px;
  min-height: 111px;
  min-width: 71px;
  white-space: nowrap;
}

.desktop .span1 {
  text-decoration: underline;
}

.desktop .helpful-resourcesoi {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 92px;
  min-height: 111px;
  min-width: 154px;
  white-space: nowrap;
}

.desktop .webcms_its_icons_cv-01 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 92px;
  margin-top: 1.5px;
  min-height: 123px;
  width: 132px;
}

.desktop .follow-lausd {
  letter-spacing: 0;
  line-height: 10px;
  margin-top: 2px;
  min-height: 17px;
  white-space: nowrap;
}

.desktop .flex-row-1 {
  margin-left: 4.88px;
  margin-top: 9px;
  min-width: 127px;
}

.desktop .x_logo_2023_original {
  margin-top: 0.02px;
}

.desktop .youtube-circle-logo-svgrepo-com {
  height: 23px;
  margin-bottom: 0;
  margin-left: 13px;
  object-fit: cover;
  width: 23px;
}

.desktop .group-41 {
  align-self: flex-start;
  height: 22px;
  margin-left: 12px;
  margin-top: 0;
  object-fit: cover;
  width: 22px;
}

.desktop .facebook_-logo_2023 {
  border-radius: 51px;
  height: 23px;
  margin-left: 12px;
  object-fit: cover;
  width: 23px;
}

.desktop .it-help-and-resources {
  letter-spacing: 0;
  line-height: 10px;
  margin-left: 0.29px;
  margin-top: 24px;
  min-height: 17px;
  white-space: nowrap;
}

.desktop .flex-row-2 {
  align-self: flex-end;
  gap: 12px;
  margin-right: 0.48px;
  margin-top: 8px;
  min-width: 126px;
}

.desktop .group-container-1 {
  height: 24px;
  position: relative;
  width: 22px;
}

.desktop .group-21 {
  height: 5px;
  left: 1px;
  object-fit: cover;
  position: absolute;
  top: 18px;
  width: 9px;
}

.desktop .group-22 {
  height: 24px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 22px;
}

.desktop .group-400 {
  background-image: url(../img/ITS_Logo.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 22px;
  margin-bottom: 0.03px;
  width: 23px;
}

.desktop .group-40 {
  background-image: url(../img/group-38@1x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 15px;
  margin-bottom: 0.03px;
  width: 23px;
}

.desktop .facebook_-logo_2023-1 {
  align-self: flex-end;
  border-radius: 51px;
  height: 23px;
  margin-bottom: 0.07px;
  object-fit: cover;
  width: 23px;
}

.desktop .x_logo_2023_original-1 {
  margin-top: 0.13px;
}

.desktop .group-51 {
  align-items: flex-end;
  display: flex;
  height: 13px;
  justify-content: flex-end;
  margin-right: 127.76px;
  min-width: 417px;
}

.desktop .group-46 {
  height: 12px;
  margin-bottom: 0;
  object-fit: cover;
  width: 8px;
}

.desktop .phone{
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: 0.15px;
  margin-left: 200px;
  min-height: 12px;
  min-width: 207px;
  white-space: nowrap;
  margin-right: -100px;
}

.desktop .address {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 11px;
  margin-bottom: 0.15px;
  margin-left: 2px;
  min-height: 12px;
  min-width: 207px;
  white-space: nowrap;
}

.desktop .group-50 {
  align-self: flex-start;
  height: 12px;
  margin-left: 104px;
  margin-top: 0;
  position: relative;
  width: 97px;
}

.desktop .phone-213-241-1000 {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-s);
  font-weight: 700;
  left: 12px;
  letter-spacing: 0;
  line-height: 11px;
  position: absolute;
  top: 0;
  white-space: nowrap;
}

.desktop .group-49 {
  height: 12px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 12px;
}

.desktop .flex {
  align-items: flex-start;
  display: flex;
}

.desktop .flex-row-3 {
  align-items: center;
  display: flex;
}

.desktop .x_logo_2023_original-2 {
  height: 22px;
  object-fit: cover;
  width: 22px;
}
/* screen - index */

.index {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 846px;
  padding: 31.3px 23.0px;
  width: 300px;
}

.index .group-container-3 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  gap: 9px;
  margin-left: 0.78px;
  min-width: 250px;
}

.index .group-37-2 {
  height: 70px;
  object-fit: cover;
  width: 70px;
}

.index .group-29-2 {
  height: 51px;
  margin-top: 0.22px;
  object-fit: cover;
  width: 171px;
}

.index .second-largest-in-th-2 {
  align-self: flex-start;
  letter-spacing: 0;
  line-height: 15px;
  margin-top: 12px;
  min-height: 89px;
  text-align: center;
  width: 253px;
}

.index .quick-linksparent-p-2 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 2.0px;
  margin-top: 24px;
  min-height: 113px;
  min-width: 80px;
  text-align: center;
  white-space: nowrap;
}

.index .span1-4 {
  color: var(--cape-cod);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
  text-decoration: underline;
}

.index .span2-1 {
  color: var(--cape-cod);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-m);
  font-weight: 500;
}

.index .helpful-resourcesoi-2 {
  letter-spacing: 0;
  line-height: 16px;
  margin-left: 2.0px;
  margin-top: 10px;
  min-height: 111px;
  min-width: 154px;
  text-align: center;
  white-space: nowrap;
}

.index .span1-5 {
  text-decoration: underline;
}

.index .webcms_its_icons_cv-01-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-top: 29px;
  min-height: 126px;
  width: 152px;
}

.index .follow-lausd-2 {
  letter-spacing: 0;
  line-height: 10px;
  margin-left: 10.99px;
  margin-top: 2px;
  min-height: 17px;
  min-width: 70px;
  white-space: nowrap;
}

.index .flex-row-5 {
  align-items: flex-end;
  display: flex;
  margin-left: 0;
  margin-top: 8px;
  min-width: 152px;
}

.index .x_logo_2023_original-4 {
  align-self: center;
  margin-top: 0.03px;
}

.index .youtube-circle-logo-svgrepo-com-2 {
  height: 28px;
  margin-left: 15px;
  object-fit: cover;
  width: 28px;
}

.index .group-41-2 {
  align-self: flex-start;
  height: 27px;
  margin-left: 14px;
  object-fit: cover;
  width: 27px;
}

.index .facebook_-logo_2023-4 {
  margin-left: 14px;
}

.index .it-help-and-resources-2 {
  letter-spacing: 0;
  line-height: 10px;
  margin-left: 2.0px;
  margin-top: 15px;
  min-height: 17px;
  min-width: 114px;
  white-space: nowrap;
}

.index .flex-row-6 {
  align-items: center;
  display: flex;
  gap: 14px;
  margin-right: 1.43px;
  margin-top: 10px;
  min-width: 151px;
}

.index .group-container-4 {
  align-self: flex-start;
  height: 28px;
  position: relative;
  width: 26px;
}

.index .group-21-1 {
  align-items: center;
  display: flex;
  gap: 1px;
  height: 6px;
  justify-content: flex-end;
  left: 1px;
  min-width: 11px;
  padding: 0 0.0px;
  position: absolute;
  top: 21px;
}

.index .path-108 {
  margin-top: 0.05px;
  width: 1px;
}

.index .path-109 {
  margin-top: 0.05px;
  width: 4px;
}

.index .path-110 {
  width: 4px;
}

.index .group-22-2 {
  height: 28px;
  left: 0;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 26px;
}

.index .group-40-2 {
  height: 18px;
  margin-bottom: 0.15px;
  object-fit: cover;
  width: 28px;
}

.index .facebook_-logo_2023-5 {
  align-self: flex-end;
}

.index .x_logo_2023_original-5 {
  margin-top: 0.04px;
}

.index .overlap-group2 {
  align-self: flex-end;
  height: 122px;
  margin-right: 5.65px;
  margin-top: 39px;
}

.index .ellipse-5-1 {
  background-color: var(--white);
  border-radius: 5.03px;
  height: 10px;
  left: 20px;
  position: absolute;
  top: 104px;
  width: 10px;
}

.index .group-51-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 14px;
  left: 0;
  min-height: 122px;
  position: absolute;
  top: 0;
  width: 230px;
}

.index .overlap-group1 {
  height: 65px;
}

.index .address-2 {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: 18px;
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 2px;
  white-space: nowrap;
}

.index .span1-6 {
  font-size: var(--font-size-l);
}

.index .group-46-2 {
  height: 20px;
  left: 102px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 14px;
}

.index .group-50-2 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-right: 0.17px;
  min-height: 44px;
  width: 126px;
}

.index .group-49-2 {
  height: 21px;
  margin-right: 12.53px;
  object-fit: cover;
  width: 21px;
}

.index .phone-213-241-1000-2 {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-l);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 25px;
  margin-bottom: -8px;
  min-height: 17px;
  min-width: 126px;
  white-space: nowrap;
}

.index .facebook_-logo_2023 {
  border-radius: 51px;
  height: 28px;
  object-fit: cover;
  width: 28px;
}

.index .overlap {
  position: relative;
  width: 230px;
}

.index .path {
  height: 6px;
  object-fit: cover;
}

.index .x_logo_2023_original {
  height: 26px;
  object-fit: cover;
  width: 26px;
}
/* screen - tablet */

.tablet {
  align-items: center;
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: 1448px;
  padding: 30.7px 138.0px;
  width: 820px;
}

.tablet .group-container-2 {
  align-items: center;
  align-self: flex-start;
  display: flex;
  gap: 17px;
  margin-left: 16.71px;
  margin-top: 66px;
  min-width: 474px;
}

.tablet .group-37-1 {
  height: 133px;
  object-fit: cover;
  width: 133px;
}

.tablet .group-29-1 {
  height: 97px;
  margin-top: 0.41px;
  object-fit: cover;
  width: 323px;
}

.tablet .second-largest-in-th-1 {
  align-self: flex-end;
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 23px;
  min-height: 176px;
  text-align: center;
  width: 542px;
}

.tablet .quick-linksparent-p-1 {
  color: var(--cape-cod);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 26px;
  margin-right: 1.49px;
  margin-top: 47px;
  min-height: 181px;
  min-width: 126px;
  text-align: center;
  white-space: nowrap;
}

.tablet .span0 {
  font-weight: 700;
}

.tablet .span1-1 {
  text-decoration: underline;
}

.tablet .helpful-resourcesoi-1 {
  color: var(--cape-cod);
  font-family: var(--font-family-poppins);
  font-size: var(--font-size-xxl);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 27px;
  margin-left: 2.0px;
  margin-top: 17px;
  min-height: 186px;
  min-width: 260px;
  text-align: center;
  white-space: nowrap;
}

.tablet .span1-2 {
  font-family: var(--font-family-lato);
  text-decoration: underline;
}

.tablet .span2 {
  font-family: var(--font-family-lato);
}

.tablet .webcms_its_icons_cv-01-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-left: 0;
  margin-top: 46px;
  min-height: 182px;
  padding: 0 0.0px;
  width: 218px;
}

.tablet .follow-lausd-1 {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 2.0px;
  margin-top: 4px;
  min-height: 26px;
  min-width: 117px;
  white-space: nowrap;
}

.tablet .flex-row-3 {
  align-items: flex-start;
  display: flex;
  margin-right: 0;
  margin-top: 12px;
  min-width: 218px;
}

.tablet .x_logo_2023_original-2 {
  align-self: center;
  margin-top: 0.04px;
}

.tablet .youtube-circle-logo-svgrepo-com-1 {
  height: 40px;
  margin-left: 22px;
  object-fit: cover;
  width: 40px;
}

.tablet .group-41-1 {
  height: 38px;
  margin-left: 21px;
  margin-top: 0;
  object-fit: cover;
  width: 38px;
}

.tablet .facebook_-logo_2023-2 {
  margin-left: 21px;
}

.tablet .flex-col-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-right: 2.05px;
  margin-top: 20px;
  min-height: 81px;
  width: 216px;
}

.tablet .it-help-and-resources-1 {
  letter-spacing: 0;
  line-height: 17px;
  margin-left: 4.05px;
  min-height: 26px;
  min-width: 193px;
  white-space: nowrap;
}

.tablet .flex-row-4 {
  align-items: center;
  display: flex;
  gap: 21px;
  min-width: 216px;
}

.tablet .group-22-1 {
  align-self: flex-start;
  height: 39px;
  margin-top: 0.07px;
  object-fit: cover;
  width: 37px;
}

.tablet .group-40-1 {
  height: 26px;
  margin-bottom: 0.57px;
  object-fit: cover;
  width: 40px;
}

.tablet .x_logo_2023_original-3 {
  margin-bottom: 0.3px;
}

.tablet .group-51-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 22px;
  margin-left: 2.0px;
  margin-top: 38px;
  min-height: 190px;
  width: 384px;
}

.tablet .overlap-group {
  height: 98px;
  position: relative;
  width: 384px;
}

.tablet .address-1 {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  left: 0;
  letter-spacing: 0;
  line-height: 23px;
  position: absolute;
  text-align: center;
  top: 25px;
  white-space: nowrap;
}

.tablet .span1-3 {
  font-size: var(--font-size-xxxl);
}

.tablet .group-46-1 {
  height: 39px;
  left: 178px;
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 27px;
}

.tablet .group-50-1 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-left: 16.03px;
  min-height: 69px;
  width: 218px;
}

.tablet .group-49-1 {
  height: 38px;
  margin-right: 18.0px;
  object-fit: cover;
  width: 39px;
}

.tablet .phone-213-241-1000-1 {
  color: var(--cape-cod);
  font-family: var(--font-family-lato);
  font-size: var(--font-size-xxxxl);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 31px;
  margin-bottom: -4px;
  min-height: 27px;
  min-width: 218px;
  text-align: center;
  white-space: nowrap;
}

.tablet .ellipse-5 {
  align-self: flex-start;
  background-color: var(--white);
  border-radius: 8.6px;
  height: 17px;
  margin-left: 104.5px;
  margin-top: 84px;
  width: 17px;
}

.tablet .facebook_-logo_2023 {
  border-radius: 51px;
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.tablet .x_logo_2023_original {
  height: 37px;
  object-fit: cover;
  width: 37px;
}
@media screen and (max-width: 819px) {
  .screen.desktop { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
}
@media screen and (min-width: 820px) and (max-width: 1199px) {
  .screen.desktop { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 1200px) {
  .screen.tablet { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}