html, body { height: 100%; width: 100%; font-family: "Open Sans", sans-serif; font-size: 20px; }

#container { align-items: center; display: flex; justify-content: center; width: 100%; }
body { background-color: white; background-image: url('../resources/images/bg.jpg'); background-position: center; background-repeat: no-repeat; background-attachment: fixed; }
a, a:hover { color: #e85c11; }
a.selected { font-weight: bold; }
#language-form { display: block; position: absolute; top: 1em; right: 2em; }
#jumbotron { background-color: white; text-align: center; max-width: 1200px; min-width: 750px; box-shadow: 2px 2px #ffdba8; border: 1px solid #ffdba8; padding: 0 2rem 1rem;  margin: 20px; }
#jumbotron h1 { font-size: 2rem; margin: 2rem; }
#rate { display: block; margin: 2rem 2rem 0em; }
.subtitle { margin: 1em auto; color: #5a6268; }
.crypto-btn { width: 120px; font-size: 15px; padding-top: 80px; height: 120px; background-color: transparent; border-width: 0; }
.selected-crypto-btn { border: 1px solid grey; border-radius: 120px; }
.Bitcoin-btn { background: url('../resources/images/icons/btc.svg') center no-repeat; }
.Ethereum-btn { background: url('../resources/images/icons/eth.svg') center no-repeat; }
.Tether-btn { background: url('../resources/images/icons/usdt.svg') center no-repeat; }
.Coin-btn { background: url('../resources/images/icons/usdc.svg') center no-repeat; }
.Litecoin-btn { background: url('../resources/images/icons/ltc.svg') center no-repeat; }
.omegaPLN-btn { background: url('../resources/images/icons/opln.svg') center no-repeat; }
.text-group-header { clear: both; font-weight: 300; font-size: 1.2rem; margin-top: .5em;  }
.text-group .title { font-weight: bold; margin-bottom: 0; font-size: 0.8rem; }
.balance-table { margin: 0 auto 3em; width: 80%; }
.balance-table td { border-bottom: 1px solid black; line-height: 40px; }
.balance-table .price { text-align: right; }
.balance-table .button { width: 120px; text-align: center; }
.g-recaptcha > div { margin: 0 auto !important; }
.info-page h3 { color: #e85c11; font-weight: 300; font-size: 1em; }
.info-page p { color: #333333; font-weight: 300; font-size: 0.8em; margin-bottom: 2em; }
.modal-header { background-color: #e85c11; color: white; font-weight: 300; }
.btn-transparent, .btn-transparent:hover { background: transparent; border-color: transparent; color: #e85c11; cursor: pointer; }
.btn-transparent:hover { text-decoration: underline; }
.rate-info { font-size: 14px; color: grey; }
.rates-table { display: flex; margin: 40px auto 25px; justify-content: center; }
.rates-item { padding: 0 15px; }
.rates-currency { font-weight: bold; font-size: 0.8em; }
.rates-price { font-size: 1em; }
.rate-area { display: none; }
.active { font-weight: bold; }
.disabled-btn { opacity: 0.5; }
.turnoff-message { color: darkred; font-size: 15px; }
#sell-rate { display: block; }
#footer { font-size: .75rem; }

@media (min-height: 1000px) {
    #container { height: 100%; }
}