.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #111;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

a {
  color: #111;
  font-family: neue-haas-grotesk-display, sans-serif;
  text-decoration: none;
}

.section {
  z-index: -1;
  min-height: 800px;
  opacity: 1;
  outline-offset: 0px;
  background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
  outline: 3px #333;
  flex-direction: column;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 60px;
  display: flex;
  position: static;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.div-title {
  width: 100%;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.title-h1 {
  max-width: 1020px;
  color: #080808;
  text-align: center;
  text-transform: uppercase;
  mix-blend-mode: normal;
  margin-top: 10px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 86px;
  font-weight: 600;
  line-height: 80px;
}

.title-h1.newsletter {
  min-height: 0;
  border-top-style: none;
  align-self: auto;
}

.wrapper-div-text {
  width: auto;
  max-width: none;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: rgba(255, 255, 255, 0);
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  padding-left: 20px;
  display: flex;
}

.div-text {
  max-width: 290px;
}

.title-h2 {
  color: #080808;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.text-paragraph-left {
  max-width: 280px;
  color: #080808;
  text-transform: lowercase;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 18px;
  font-weight: 300;
}

.text-paragraph-left.mobile {
  max-width: 280px;
}

.div-button {
  padding-bottom: 0;
}

.wrapper-text-block {
  width: 50%;
  margin-top: 60px;
}

.button {
  color: #000;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-left: 20px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 18px;
}

.nav-menu-2 {
  background-color: #fff;
  padding-top: 160px;
  padding-bottom: 40px;
  display: none;
}

.navbar-2 {
  z-index: 9999999;
  width: auto;
  background-color: #fff;
  justify-content: flex-end;
  display: flex;
}

.menu-button-2 {
  padding-top: 30px;
  padding-right: 60px;
  display: block;
}

.menu-button-2.w--open {
  color: #000;
  background-color: rgba(255, 255, 255, 0);
}

.container-2 {
  width: 100%;
  justify-content: flex-end;
  margin-left: 0;
  margin-right: 0;
  display: flex;
  overflow: visible;
}

.div-nav-link {
  border-bottom: 1px solid #000;
  padding-left: 140px;
  display: flex;
}

.div-nav-link.contact {
  display: none;
}

.nav-link {
  color: #000;
  text-transform: uppercase;
  mix-blend-mode: normal;
  background-color: rgba(255, 255, 255, 0);
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 75px;
  font-weight: 600;
  line-height: 65px;
}

.nav-link:hover, .nav-link:active, .nav-link:focus {
  color: #111;
}

.nav-link:focus-visible {
  color: #111;
}

.nav-link[data-wf-focus-visible], .nav-link:visited {
  color: #111;
}

.link-socials {
  width: 10%;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: stretch;
  justify-items: stretch;
  display: block;
}

.div-socials {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  padding-top: 0;
  display: block;
}

.icon-instagram {
  width: 25px;
  max-width: none;
  display: block;
}

.wrapper-div-socials {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 60px;
  padding-left: 100px;
  padding-right: 0;
  display: flex;
}

.nav-link-nr {
  color: #111;
  align-self: center;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.link-text {
  color: #000;
  padding-left: 20px;
  font-family: neue-haas-grotesk-display, sans-serif;
  text-decoration: none;
}

.text-span {
  color: #111;
  font-size: 16px;
  text-decoration: none;
}

.header {
  background-color: #fff;
}

.description-text {
  color: #111;
  font-family: neue-haas-grotesk-text, sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 38px;
}

.newsletter {
  min-height: 900px;
  outline-offset: 0px;
  background-color: #fff;
  border-top: 1px solid #000;
  outline: 3px #111;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-div-description {
  width: 900px;
  max-width: 990px;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
  padding-top: 0;
  padding-left: 0;
  display: flex;
}

.students {
  min-height: 900px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.footer {
  min-height: 0;
  background-color: #fff;
  border-top: 1px solid #000;
  justify-content: space-between;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.description {
  min-height: 900px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
  box-shadow: -1px -2px 5px rgba(0, 0, 0, .2);
}

.div-img {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #fff;
  border-radius: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.major-img {
  height: 270px;
}

.title-h3 {
  color: #111;
  text-transform: uppercase;
  margin-top: 0;
  padding-left: 30px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
}

.title-h3.left {
  justify-content: center;
  padding-left: 0;
  display: flex;
}

.major-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: 335px 335px;
  grid-template-columns: 335px 335px;
}

.div-major {
  width: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-students {
  padding-top: 40px;
}

.text-field {
  width: 450px;
  height: 45px;
  border: 1px solid #000;
  border-radius: 30px;
  padding-left: 25px;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: flex;
}

.copyright {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 16px;
}

.wrapper-div-logos {
  display: flex;
}

.image {
  width: 64px;
  max-width: none;
}

.image-2, .image-3, .image-4 {
  width: 115px;
}

.wrapper-div-tab {
  max-width: 1330px;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 100px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.grid-students {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
}

.tabs {
  width: 100%;
}

.portrait-students {
  width: 410px;
  height: auto;
}

.title-h4 {
  color: #111;
  text-transform: uppercase;
  margin-top: 10px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 24px;
}

.title-h5 {
  color: #676363;
  margin-top: 10px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

.title-h5.interest {
  text-transform: uppercase;
  font-size: 14px;
  display: flex;
}

.image-6 {
  padding-left: 10px;
  padding-right: 10px;
  display: block;
}

.div-students-major {
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: center;
  margin-top: 20px;
  padding-top: 10px;
  display: flex;
}

.all {
  color: #111;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.all.w--current {
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.communication-design {
  color: #111;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.communication-design.w--current {
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.media-design {
  color: #111;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.media-design.w--current {
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.sound-design {
  color: #111;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.sound-design.w--current {
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.interaction-design {
  color: #111;
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
}

.interaction-design.w--current {
  background-color: #fff;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 600;
}

.tabs-menu {
  padding-bottom: 20px;
}

.section-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.heading-2 {
  margin-top: 60px;
  font-weight: 600;
}

.div-block-8 {
  max-width: 1330px;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph {
  padding-top: 40px;
  padding-bottom: 100px;
}

.section-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.lottie-animation-background {
  z-index: -2;
  width: 100%;
  -webkit-text-fill-color: inherit;
  cursor: auto;
  background-clip: border-box;
  position: fixed;
}

.body {
  cursor: auto;
}

.contact-form {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 40px;
}

.wrapper-contact-form {
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
}

.wrapper-contact {
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  align-items: flex-start;
  margin-top: 40px;
  margin-bottom: 60px;
  padding: 100px;
  display: flex;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
}

.textarea {
  border: 1px solid #000;
  border-radius: 20px;
  padding-top: 20px;
  padding-left: 25px;
}

.button-contact-form {
  color: #000;
  text-transform: uppercase;
  background-color: rgba(255, 255, 255, 0);
  border: 1px solid #000;
  border-radius: 20px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 18px;
}

.form-block-2 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.wrapper-div-socials-contact {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.newsletter-form {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  display: flex;
}

.image-7 {
  max-width: none;
}

.back-home {
  width: auto;
  justify-content: flex-start;
  padding-left: 60px;
  display: flex;
}

.div-block-9 {
  width: auto;
  max-width: 1330px;
  justify-content: flex-start;
  display: flex;
}

.arrow {
  width: 20px;
  max-width: none;
}

.image-8 {
  width: 20px;
}

.progress-bar-dot {
  z-index: 9999;
  width: 12px;
  height: 12px;
  background-color: #000;
  border-radius: 20px;
  margin-top: 300px;
  margin-left: 30px;
  padding-left: 0;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.progress-bar-line {
  z-index: 9998;
  width: 1px;
  height: 200px;
  background-color: #000;
  border-radius: 20px;
  margin-top: 293px;
  margin-left: 35.5px;
  position: fixed;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.progress-bar {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: static;
}

@media screen and (min-width: 1440px) {
  .section {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
    justify-content: center;
    padding-bottom: 20px;
  }

  .div-title {
    width: 100%;
  }

  .title-h1 {
    margin-bottom: 60px;
  }

  .wrapper-div-text {
    max-width: 900px;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 20px;
  }

  .div-text {
    width: 50%;
  }

  .wrapper-text-block {
    width: 100%;
    max-width: 700px;
    margin-top: 0;
  }

  .button {
    margin-top: 20px;
    margin-left: 20px;
  }

  .menu-button-2 {
    pointer-events: auto;
  }

  .link-socials {
    width: auto;
    flex: none;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    justify-items: start;
    display: flex;
  }

  .div-socials {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .icon-instagram {
    width: 30px;
    margin-left: 0;
  }

  .wrapper-div-socials {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    padding-top: 60px;
    padding-left: 140px;
    padding-right: 0;
    display: flex;
  }

  .header {
    background-color: rgba(255, 255, 255, 0);
  }

  .newsletter {
    border: 1px #000;
  }

  .title-h3 {
    width: 300px;
  }

  .title-h3.left {
    width: auto;
    padding-left: 0;
  }

  .form {
    margin-bottom: 0;
    padding-top: 0;
  }

  .lottie-animation-background {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .body {
    pointer-events: auto;
  }

  .contact-form {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .wrapper-contact-form {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-top: 40px;
    display: flex;
  }

  .wrapper-contact {
    background-color: #fff;
    border-radius: 20px;
    margin-top: 40px;
    margin-bottom: 100px;
    padding: 100px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }

  .textarea {
    width: 450px;
    height: auto;
    border: 1px solid #000;
    border-radius: 20px;
    padding-top: 20px;
    padding-left: 25px;
  }

  .button-contact-form {
    margin-top: 40px;
    margin-bottom: 0;
  }

  .wrapper-div-socials-contact {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-top: 20px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .newsletter-form {
    margin-bottom: 0;
    padding-top: 0;
  }
}

@media screen and (max-width: 991px) {
  .section {
    background-repeat: no-repeat;
    background-size: contain;
    align-items: flex-start;
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-title {
    width: 100%;
  }

  .title-h1 {
    font-size: 56px;
    line-height: 54px;
  }

  .wrapper-div-text {
    width: auto;
  }

  .nav-menu-2 {
    background-color: #fff;
    padding-top: 100px;
  }

  .menu-button-2 {
    color: #000;
    background-color: rgba(255, 255, 255, 0);
    padding-right: 40px;
  }

  .menu-button-2:hover {
    color: #000;
    background-color: rgba(255, 255, 255, 0);
  }

  .menu-button-2:active {
    background-color: rgba(255, 255, 255, 0);
  }

  .menu-button-2:focus {
    color: #000;
    background-color: rgba(255, 255, 255, 0);
  }

  .div-nav-link, .wrapper-div-socials {
    padding-left: 60px;
  }

  .description-text {
    font-size: 26px;
    line-height: 30px;
  }

  .newsletter {
    border: 1px #000;
  }

  .wrapper-div-description {
    width: auto;
    padding-left: 60px;
    padding-right: 60px;
  }

  .wrapper-div-logos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .image {
    max-width: 40px;
  }

  .wrapper-div-tab {
    width: 100%;
  }

  .grid-students {
    flex-direction: column;
    display: flex;
  }

  .portrait-students {
    width: auto;
    max-width: 410px;
  }

  .wrapper-div-socials-contact {
    padding-left: 0;
  }

  .newsletter-form {
    padding-top: 60px;
  }

  .back-home {
    padding-left: 40px;
  }

  .progress-bar-dot {
    width: 10px;
    height: 10px;
  }

  .progress-bar-line {
    justify-content: center;
    margin-top: 300px;
    margin-left: 34.5px;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .section {
    align-items: flex-start;
    padding-left: 35px;
    padding-right: 35px;
  }

  .div-title {
    width: 100%;
  }

  .title-h1 {
    font-size: 36px;
    line-height: 36px;
  }

  .wrapper-div-text, .wrapper-text-block {
    width: auto;
  }

  .nav-link {
    font-size: 50px;
    line-height: 50px;
  }

  .wrapper-div-description {
    width: auto;
  }

  .footer {
    flex-direction: column;
    margin-bottom: 0;
  }

  .div-img {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }

  .major-img {
    height: auto;
    max-height: 270px;
  }

  .major-grid {
    grid-template-rows: minmax(0, 335px) minmax(0, 335fr);
    grid-template-columns: minmax(0, 335px) minmax(0, 335px);
  }

  .text-field {
    width: 350px;
    max-width: none;
  }

  .wrapper-div-logos {
    display: flex;
  }

  .div-block-5 {
    max-width: none;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link-major {
    align-items: stretch;
    display: flex;
  }

  .wrapper-contact {
    padding: 60px;
  }

  .progress-bar-dot {
    margin-left: 20px;
  }

  .progress-bar-line {
    margin-left: 24.5px;
  }
}

@media screen and (max-width: 479px) {
  .section {
    min-height: 600px;
    -webkit-text-fill-color: inherit;
    background-color: rgba(255, 255, 255, 0);
    background-image: none;
    background-clip: border-box;
    margin-top: 10px;
    padding: 0 10px;
  }

  .div-title {
    margin-top: 40px;
  }

  .title-h1 {
    max-width: none;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
  }

  .title-h1.newsletter {
    min-height: 0;
    font-size: 36px;
    line-height: 36px;
  }

  .wrapper-div-text {
    width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 20px 20px;
  }

  .wrapper-div-text.contact {
    padding-left: 0;
  }

  .title-h2 {
    font-size: 16px;
  }

  .text-paragraph-left {
    max-width: none;
    margin-right: 0;
    padding-right: 0;
  }

  .text-paragraph-left.mobile {
    width: 200px;
  }

  .div-button {
    padding-left: 20px;
  }

  .wrapper-text-block {
    width: 100%;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .button {
    margin-top: 0;
    margin-left: 0;
    font-size: 16px;
  }

  .nav-menu-2 {
    padding-top: 40px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
  }

  .navbar-2 {
    z-index: 9999999;
  }

  .menu-button-2 {
    padding-top: 20px;
    padding-right: 20px;
  }

  .div-nav-link {
    padding-left: 15px;
  }

  .div-nav-link.contact {
    display: none;
  }

  .nav-link {
    font-size: 28px;
    line-height: 26px;
  }

  .link-socials {
    width: 20px;
    display: block;
  }

  .wrapper-div-socials {
    justify-content: flex-start;
    padding-left: 20px;
    padding-right: 0;
  }

  .nav-link-nr {
    font-size: 14px;
  }

  .link-text {
    display: block;
  }

  .description-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 16px;
    line-height: 18px;
  }

  .newsletter {
    min-height: 600px;
  }

  .wrapper-div-description {
    width: auto;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .students {
    min-height: 800px;
    padding-bottom: 40px;
  }

  .footer {
    min-height: 0;
  }

  .description {
    min-height: 800px;
  }

  .div-img {
    align-items: center;
  }

  .title-h3 {
    padding-left: 0;
  }

  .major-grid {
    flex-direction: column;
    display: flex;
  }

  .wrapper-div-students {
    max-width: 100%;
  }

  .div-students {
    padding-top: 60px;
  }

  .text-field {
    width: 250px;
    margin-bottom: 20px;
  }

  .form {
    padding-top: 20px;
  }

  .wrapper-div-logos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-5 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .wrapper-div-tab {
    margin-top: 20px;
  }

  .grid-students {
    justify-content: center;
    align-items: center;
  }

  .portrait-students {
    max-width: 100%;
  }

  .title-h4 {
    margin-top: 0;
    font-size: 16px;
  }

  .title-h5 {
    font-size: 10px;
  }

  .title-h5.interest {
    font-size: 10px;
    display: none;
  }

  .image-6 {
    height: 7px;
    max-width: 70%;
    padding-left: 7px;
    padding-right: 7px;
  }

  .div-students-major {
    padding-top: 7px;
  }

  .link-major {
    justify-content: center;
    align-items: center;
  }

  .all {
    padding-left: 0;
  }

  .all.w--current, .communication-design, .media-design, .sound-design, .interaction-design {
    padding: 0;
  }

  .tabs-menu {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template: "."
                   "."
                   "."
                   / 1.25fr 1fr;
    grid-auto-columns: 1fr;
    align-items: center;
    justify-items: start;
    padding-left: 10px;
    padding-right: 10px;
    display: grid;
  }

  .lottie-animation-background {
    padding-top: 100px;
  }

  .contact-form {
    width: 100%;
    padding-top: 0;
  }

  .wrapper-contact-form {
    padding-top: 0;
    padding-left: 20px;
  }

  .wrapper-contact {
    background-color: #fff;
    margin-top: 20px;
    padding: 0 20px 40px;
  }

  .button-contact-form {
    margin-top: 20px;
    font-size: 16px;
  }

  .wrapper-div-socials-contact {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }

  .newsletter-form {
    padding-top: 20px;
  }

  .back-home {
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .image-8 {
    width: 20px;
  }

  .progress-bar-dot {
    margin-left: 10.5px;
  }

  .progress-bar-line {
    height: 195px;
    margin-left: 15px;
  }
}

#w-node-_66f2941c-916f-ec49-65a4-dbfc498e194a-8f6d1bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-a59174f6-795d-0d25-60b3-d8e8ee8487b4-8f6d1bff {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
  justify-self: auto;
}

#w-node-a265fabf-4c43-ffc0-18db-62d1c5d9bec8-8f6d1bff, #w-node-d19d7da6-8a29-aee5-5b15-ff05dae66c1d-8f6d1bff, #w-node-fd76c9fb-40af-6bac-895f-275da381e1c2-8f6d1bff, #w-node-efb5d050-cbe0-a2d0-dcc7-35d4e470da87-8f6d1bff, #w-node-_5c14c0f8-adde-7865-cfb9-997866a47b19-8f6d1bff, #w-node-f95b89db-d93f-342d-c8f2-f89547830bc0-8f6d1bff, #w-node-_8d2042af-8f7b-f704-2898-d41c038d52a8-8f6d1bff, #w-node-_59dbb014-f0e0-2602-6878-da27619d5ceb-8f6d1bff, #w-node-_77f90046-823b-4e61-6376-495ec19a6013-8f6d1bff, #w-node-_6127c76b-bce1-2984-e727-5a222f797075-8f6d1bff, #w-node-f7176077-13a3-83e6-7d29-b9b665f13734-65f13710, #w-node-c69aa9be-96a6-34f9-e56a-5583cbad0879-9482ffcd, #w-node-d1e09199-4502-9794-7ee6-127b40287cab-9482ffcd, #w-node-b3b43b43-fe30-683c-939b-14265ff19078-9482ffcd, #w-node-_7ab65f8d-71c8-3265-5e96-5c9310fe24a6-9482ffcd, #w-node-_826c6478-5e05-31b3-05de-f4f29b72b39b-9482ffcd, #w-node-_2454205d-9d41-58f1-52e2-730ed90ee44c-9482ffcd, #w-node-ea49ae9f-f408-ef61-4f79-ec5266b9d360-9482ffcd, #w-node-_279cbd02-342c-7126-1103-93a0aa0fabc2-9482ffcd, #w-node-_39f3dc01-25b7-2a78-be5b-9d7872c74f18-9482ffcd, #w-node-_5979d4e0-5aca-bf49-375d-1809695544c0-9482ffcd, #w-node-_5823f394-57e2-c235-0979-4c0ae627cd51-9482ffcd, #w-node-d555cea4-ba3c-16e4-81fc-c3ac9b14ba9a-9482ffcd, #w-node-_300cbffe-127c-6dd0-8f67-b2b071eaf4ed-9482ffcd, #w-node-d899f717-e99b-e5fe-2499-d1b7b6235dc1-9482ffcd, #w-node-_13bea2f6-94cf-25c3-6475-a1d4bfae6ce7-9482ffcd, #w-node-_3d19451b-1870-d416-4494-1c8a95d9c961-9482ffcd, #w-node-_0a2cda42-d842-ed86-368f-2b3a505da686-9482ffcd, #w-node-a83068be-f2f5-f7e0-858c-af4e48277803-9482ffcd, #w-node-d9f73269-7a67-15cc-97d8-53f7669f88ca-9482ffcd, #w-node-_8d39025b-5061-1cea-4bf6-4773bc95fe7c-9482ffcd, #w-node-_4a5c2b3e-d9cc-cc2e-564c-d9756f7d778b-9482ffcd, #w-node-_66f22e5e-f980-438f-a94d-7d99d69ce7eb-9482ffcd, #w-node-eab051cd-9fdf-4e32-cfa8-f8d702e30572-9482ffcd, #w-node-d10a8790-e2a8-97c9-b2a4-1848e62a3105-9482ffcd, #w-node-da51324a-7916-46ac-9158-83a219a08d6c-9482ffcd, #w-node-b6c3219e-5431-fd54-5cc6-b0dc673b54a0-9482ffcd, #w-node-dbb49478-3d1e-b8f0-e024-194f4a9209ef-9482ffcd, #w-node-_9c2d9952-1f4a-ae15-a3e8-18083bb464ae-9482ffcd, #w-node-_194c23fa-2d52-b72f-2a87-7c8cd36bad4a-9482ffcd, #w-node-_284fb1be-cd50-af3b-dc08-bed1f2a47919-9482ffcd, #w-node-_75d7118a-1aeb-cf52-3da8-199e37beed48-9482ffcd, #w-node-_670e5e0e-8603-4ebb-8d65-4ef40b437751-9482ffcd, #w-node-_177e93f5-7e5e-a1ef-6265-2d66d65c01a2-9482ffcd, #w-node-_140f1ccc-981d-3d2c-42eb-a5ba42a00e91-9482ffcd, #w-node-_53423707-2d60-75d3-05c6-19eb1615e134-9482ffcd, #w-node-_51d3501b-65d0-c503-7b15-6e3920273daa-9482ffcd, #w-node-_8fcbb67f-9a66-5a59-93cc-f0ad80d1a336-9482ffcd, #w-node-_0eacbad8-4086-4963-fdf1-7802702ef856-9482ffcd, #w-node-_66e70906-5b21-f119-4837-7a640a741326-9482ffcd, #w-node-db139285-26a5-3e4e-81d2-5fc9907d1122-9482ffcd, #w-node-_2fa2c7e1-bf06-a9fa-4c82-97fdea39c2f9-9482ffcd, #w-node-_5958b222-c1c2-655b-751e-03fa9faf4788-9482ffcd, #w-node-_3077866f-5bbe-d8d4-b70e-22e45d892665-9482ffcd, #w-node-_888230c3-ef5a-bacf-b01a-77b021d527cf-9482ffcd, #w-node-_24fdb22c-6ec2-90e6-5796-92d33f0aa272-9482ffcd, #w-node-_0564e4fe-480f-4c78-8e05-20a436ca844e-9482ffcd, #w-node-_6172f95f-5889-a9cc-3efe-05181d20cbf6-9482ffcd, #w-node-_715cd6d6-9f74-571d-872e-4d1b0bcb05af-9482ffcd, #w-node-_364040c0-68d3-8ed1-a5d5-448d11433177-9482ffcd, #w-node-fe30fed4-2eed-3bb5-4270-2a24a6a815cc-9482ffcd, #w-node-_14d934f0-2498-7565-b147-6c5fe2040110-9482ffcd, #w-node-a4ba0ad1-728e-1532-b6c1-aeb1c7957375-9482ffcd, #w-node-f1d86fd7-bc78-75b4-d12b-2a2e54bb84c2-9482ffcd, #w-node-abcca695-329c-bd9e-db55-e23772f64ca2-9482ffcd, #w-node-_5fe730f0-9473-44b7-cc59-bceb5c510e1e-9482ffcd, #w-node-df5e5003-84b7-d1ea-98fd-3c9e397c8df8-9482ffcd, #w-node-_240a55c2-a672-13f4-9d60-883dceccca4b-9482ffcd, #w-node-_0d5c1347-57ce-5101-c1f6-44a2c18b231a-9482ffcd, #w-node-_046a07e4-d595-4dbc-23e5-65027b14bfb8-9482ffcd, #w-node-f9bad22a-adb8-d62e-00d5-de2ee7c3f1fd-9482ffcd, #w-node-_0ae35cfe-76d3-c1d8-bc2e-759e6e6684ac-9482ffcd, #w-node-_5c41a33f-6dc5-95db-8cdb-5ab7d35c2c46-9482ffcd, #w-node-d4e67c89-b748-dc70-0450-719133bfcf05-9482ffcd, #w-node-a9316da9-c256-bd56-765f-5bff90e8d5f9-9482ffcd, #w-node-_0daefd7f-706d-8402-7364-b629b77f3b69-9482ffcd, #w-node-_0e5ff3c5-4f70-4198-7a64-c2cd25c9e0b0-9482ffcd, #w-node-ee1653f7-db8c-461a-0f11-ac70a9854e7f-9482ffcd, #w-node-_53cc72bf-8d1c-730b-163c-70ca0c03a212-aa55c61a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #all.w-node-d33b4a6d-5656-2752-adf3-c937e6297bec-9482ffcd {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}