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

*, input, textarea, select, option, div, button {
  font-family: 'Montserrat', 'Roboto', Arial, Verdana, sans-serif;
}

body {
  background: #000;
}
#content {
  min-height: 100vh;
}
#content header {
  min-height: 200px;
}
#content .box {
  border-radius: 12px 12px 8px 8px;
}
#content .box .bar {
  background: #9b0000;
  font-size: 14px;
}
#content .box .inner .group .title {
  font-size: 14px;
}
#content .box .inner .tip {
  font-size: 11px;
}
#content .box .inner .tab_content .button button,
#pix_payment .input button {
  background: #d20000;
    text-transform: uppercase;
}
#content .box .inner .tab_content .button button:hover,
#pix_payment .input button:hover {
  background: #9b0000;
}
#content footer {
  color: #adadad;
}

@media screen and (max-width: 800px) {
  
  #content header {
    min-height: 90px;
  }
  
  #content .box .bar {
    text-align: center;
    line-height: 110%;
  }
  
  #content .box .bar div {
    max-width: 250px;
    margin: 0 auto;
  }

  #content .box .inner .tabs > div[data-tab="tab_pix"] {
    flex: 0;
    padding: 0 40px;
  }

  #content .box .inner .group .title {
    font-size: 13px;
  }

  #content .box .inner .tab_content .button button, #pix_payment .input button {
    font-size: 14px;
  }
  
  #content footer {
    font-size: 12px;
  }
  
}