
.intro-poster {
  margin: auto;
  text-align: center;
  padding-top: 40px;
  height: 100%;
  overflow-y: scroll;
}

.intro-poster-vpat {
  margin: auto;
  text-align: center;
  padding-top: 0;
  height: 100%;
  overflow-y: scroll;
}

.intro-poster .heading{
  font-size: 3.375rem;
  font-family: var(--font-secondary);
  font-style: normal;
  font-weight: 700;
  line-height: 86.8%; /* 62.496px */
  letter-spacing: -2.88px;
}

.intro-poster .intro-text {
  margin-top: 30px;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150.3%;
  width: 90% !important;
}

.intro-poster .poster-image {
  width: 70%;
  /* width: 386px; */
  /* min-height: 338px; */
  object-fit: fill !important;
}

.intro-poster .poster-image-partners {
  width: 70%;
  /* width: 347px;
  height: 337px; */
  object-fit: fill !important;
}

@media (min-width: 768px) and (max-width: 992px) {
  .intro-poster {
      padding-top: 25px;
  }
  .intro-poster .heading{
      margin-top: 20px;
      font-size: 3.5rem;
      letter-spacing: -2.28px;
  }
  
  .intro-poster .intro-text {
      margin-top: 10px;
      font-size: 1.25rem;
  }

  .intro-poster .poster-image-container {
      align-items: center !important;
      width: 60vw;  
      height: 40vw;
  }
  .intro-poster .poster-image .poster-image-partners {
      width: 100%;    
      height: 100%;
  }
}



@media (max-width: 767px) {
  .link-section-vpat {
    padding: 0 !important;
  }
  .intro-poster {
      padding-top: 20px;
      overflow-y: auto;
      
  }
  .intro-poster .heading{
      margin-top: 35px;
      font-size: 3rem;
      letter-spacing: -2.28px;
  }
  
  .intro-poster .intro-text {
      margin-top: 30px;
      font-size: 1.25;
  }

  .intro-poster .poster-image-container {
      align-items: center !important;
      width: 67%;    
      height: 70%;
  }
  .intro-poster .poster-image .poster-image-partners {
      width: 100%;    
      height: 100%;
  }
  .mobile-column {
    flex-direction: column;
  }
  .no-visited-decoration {
    /* padding-top: 32px; */
    width: 100vw;
  }
  .info-text-vpat  {
    margin-top: 34px;
  }
  .vpat-list-item {
    /* background: red; */
    flex-direction: column;
    margin-top: 16px;
    justify-content: center;
    align-items: flex-end;
    padding: 32px 0;
    width: 100%;
  }
  .vpat-text-container {
    text-align: center !important;
  }

  .orange-rule {
    width: 80%;
  }
  
}

@media (max-width: 567px) {
  .intro-poster {
      padding-top: 15px;
  }
  .intro-poster .heading{
      margin-top: 35px;
      font-size: 2rem;
      letter-spacing: -2.28px;
  }
  
  .intro-poster .intro-text {
      margin-top: 30px;
      font-size: 1.25;
  }

  .intro-poster .poster-image-container {
      align-items: center !important;
      width: 72%;    
      height: 70%;
  }
  .intro-poster .poster-image .poster-image-partners {
      width: 100%;    
      height: 100%;
  }
}


/* linky content section */

.link-section {
  padding: 32px;
}

.link-section-vpat {
  padding: 0 32px 32px 32px;
  /* padding-top: 0; */
}

#link-section-accessibility {
  padding: 0px !important;
}

.doc-content {
  background: none !important;
}

.link-section .content-text {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.link-section .content-heading-italic {
  color: var(--bs-primary);
  font-size: 1.125rem;
  font-style: italic;
  font-weight: 700;
  line-height: 86.8%;
  letter-spacing: -0.03375rem;
}

.link-section .orange-heading {
  color: var(--bs-primary);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 125%;
  text-transform: uppercase;
}

.link-section .download-vapt-text {
  max-width: 155px;
}

#link-section-accessibility { 
  padding: 0px !important;
}

.info-text-vpat {
  text-align: center;
  /* font-family: "Trebuchet MS"; */
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 125%;
}

.info-text-vpat .info-title{
  color: var(--bs-secondary);;
  font-weight: 700;
  margin-bottom: 7px;
}

.orange-rule {
  border: 0;
  margin: 20px auto;
  background: var(--bs-primary);
  height: 1px;
  width: 100%;
}

.no-visited-decoration {
  color: var(--bs-primary);
  font-size: 1.125rem;
}

.vpat-list-item {
  display: flex;
  align-items: center;
}

.vpat-text-container {
  text-align: left;
  margin: none;
  line-height: 8px;
  margin-right: 16px;
}

.vpat-list {
  list-style: none;
  padding: 0;
}
