* {
    margin: 0;
    padding: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

[hidden] {
  display: none !important;
}

html {
  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4285em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

@media (min-width: 576px) {
  html {
    font-size: 14px;
  }
}

/* MATERIAL UI BREAKPOINTS */

.bp-md {
  display: none;
}

@media (min-width: 960px) {
  .bp-xs {
    display: none;
  }
  .bp-md {
    display: inline;
  }
}