.roboto {
  font-family: 'Roboto', sans-serif;
}

.roboto-thin {
  font-family: 'Roboto', sans-serif;
  font-weight: 100;
}

.roboto-light {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}

.roboto-regular {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}

.roboto-medium {
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
}

.roboto-semibold {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}

.roboto-bold {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}

.roboto-extrabold {
  font-family: 'Roboto', sans-serif;
  font-weight: 800;
}

.roboto-black {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
}

.justify {
  text-align: justify;
  text-justify: inter-character
}

.justify-2 {
  text-align: justify;
  text-justify: inter-word;
  hyphens: auto;
  overflow-wrap: break-word;
}

@media (max-width: 768px) {
  .mob-section {
    width: 90%;
    margin: 0 auto;
  }
  .mb-ml {
    margin: 0 auto;
  }
}

/* Explicit Logo Sizing */
.logo-left {
  width: 15rem; /* w-60 fallback */
  max-width: 100%;
  height: auto;
}

.logo-center {
  height: 4.5rem; /* h-18 fallback */
  width: auto;
  display: block;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .logo-left {
    width: 20rem; /* md:w-80 */
  }
}