.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;
  }
}