@font-face {
  font-family: 'montserratlight';
  src: url('/fonts/montserrat-light-webfont.eot');
  src: url('/fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
       url('/fonts/montserrat-light-webfont.woff2') format('woff2'),
       url('/fonts/montserrat-light-webfont.woff') format('woff'),
       url('/fonts/montserrat-light-webfont.ttf') format('truetype'),
       url('/fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
}

html, body {
  display: flex;
  min-height: 100vh;
  width: 100%;
  overflow-x: hidden;
  font-family: 'montserratlight', sans-serif;
}

body {
  padding-right: 0 !important;
  background-color: #fff;
}

#root {
  width: 100%;
  height: 100%;
}

footer {
}

img {
  max-width: 100%;
}

/* Google login button */
.abcRioButton {
  width: 150px !important;
}

.pure-g [class *="pure-u"] {
  font-family: 'montserratlight', sans-serif !important;
}

.main {
  font-family: 'montserratlight', sans-serif;
  line-height: 1.5;
  margin: 0 auto;
}

@media (min-width: 481px) {
  .main {
    width: 100%;
  }
}

@media (min-width: 768px) {
  .main {
    width: 760px;
  }
}

@media (min-width: 1030px) {
  .main {
    width: 1040px;
  }
}

@media (min-width: 1240px) {
  .main {
    width: 1220px;
  }
}