tyle>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", 
                 "Helvetica Neue", Arial, sans-serif;
}

body {
  font-family: var(--font-family);
}

h1, h2, h3, h4, h5, h6, p, span, a, li, div {
  font-family: var(--font-family);
}

.section-sm {
  display: none;
  text-align: center;
}

.d-sm-mid {
    display: none;
}
.d-sm-mid2 {
    display: none;
}

@media (max-wi