/*
 *      Style
 */


 /* Custom Styles */
html, body {
  font-size: 18px;
}

 body, h1, h2, h3, h4, h5, h6 {
    font-family: Roboto, sans-serif;
 }

 img {
    max-width: 100%!important;
    height: auto;
  }

  .qrcode {
    width: 200px!important;
    height: 200px!important;
  }

  .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
  }

/* w3 Overrides & Additions */ 
.w3-content {
    max-width:1400px!important;
    margin-top: 70px;
    background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

/* Mobile */
@media only screen and (max-width: 600px) {
  html, body {
    font-size: 16px;
  }
  p {  
    -moz-hyphens: auto;
    hyphens: auto;
  }
  .w3-content {
    margin-top: 10px;
  }
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 22px;
  }
  .w3-xxlarge {
    font-size:32px!important;
  }
  .w3-xxxlarge {
    font-size:38px!important;
  }  
}