html{font-size:14px}@media screen and (min-width:370px){html{font-size:15px}}@media screen and (min-width:600px){html{font-size:16px}}body,h1,h2,h3{margin:0}#app{font-family:Avenir,Helvetica,Nimbus Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100vh}header .row-1,header .row-2{padding:0 20px}header .row-1{padding-top:10px;padding-bottom:10px}header .logo{max-height:4rem;max-width:100%}header .row-2{background-color:#c87831;color:#fff}header h1{font-size:1.2rem;line-height:4rem;font-weight:400}main{-ms-flex:1;flex:1;text-align:center;background:linear-gradient(to top left,#ce8942,#ead3a1)}@media screen and (orientation:landscape) and (max-height:440px){header{display:none}}@media screen and (orientation:portrait) and (max-width:380px){header .row-1{padding-top:5px;padding-bottom:5px}header .logo{max-height:3rem;max-width:100%}}.row{display:-ms-flexbox;display:flex}.table-body .row>div,.table-header .row>div{border-right:1px solid hsla(0,0%,100%,.5)}.row>div:last-child{border-right:0}.table-header{background-color:rgba(0,0,0,.7);color:#fff;line-height:5rem}.table-header .currency{border-bottom:1px solid hsla(0,0%,100%,.5)}.table-header .col-metal{width:35%;text-transform:uppercase}.table-header .col-time{width:15%;text-transform:uppercase}.table-header .col-price{width:50%;line-height:2.5rem}.table-header .col-ask,.table-header .col-bid{width:25%}.table-header .col-half{width:50%}.table-body .row{line-height:4rem;border:1px solid hsla(0,0%,71%,.5);border-radius:20px;width:90%;margin:auto;margin-top:2rem;background-color:hsla(0,0%,100%,.5);text-transform:uppercase}.table-body .row:nth-child(2n){background-color:rgba(200,120,49,.5)}.table-body .col-metal{-ms-flex:3333;flex:3333}.table-body .col-metal .name{font-size:1.2rem;font-weight:700}.table-body .col-metal .change{margin-top:-1rem;line-height:.9rem;font-size:.9rem;text-align:right;padding-right:1rem;color:green}.table-body .col-metal .change.negative{color:red}.table-body .col-time{-ms-flex:1667;flex:1667;font-size:.9rem}.table-body .col-bid{-ms-flex:2778;flex:2778}.table-body .col-ask{-ms-flex:2222;flex:2222}.table-body .col-ask,.table-body .col-bid,select{font-weight:700}select{background:url(../../assets/static/img/select-arrow.8493640.png) no-repeat 100% transparent;background-size:auto 1.2rem;padding-right:2rem;color:#fff;font-size:1rem;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;text-align:center;height:3rem;text-transform:uppercase}select option{color:#000}label.weight{color:#c87831;font-size:1.5rem;margin-left:-1rem}.contact{width:calc(90% - 4rem);max-width:600px;margin:auto;padding:.5rem 2rem;margin-top:3rem;line-height:3rem;background:#000;border-radius:30px;color:#d9a86b;font-size:1.5rem}.contact:hover{background-color:rgba(0,0,0,.95);box-shadow:4px 4px 4px 0 rgba(50,50,50,.5);transition:background-color .1s ease-in-out}a.contact{text-decoration:none}.contact .title{font-size:1rem}.contact .number,.contact .title{-ms-flex:1;flex:1}.contact .number{font-size:1.8rem;text-align:right;white-space:nowrap}.contact .number img{height:2.5rem;vertical-align:middle}@media screen and (orientation:landscape) and (max-height:440px){.table-header{line-height:4rem}.table-header .col-price{line-height:2rem}.table-header select{height:1.5rem}.table-body .row{line-height:2rem;border-radius:10px;margin-top:1rem}.table-body .col-metal div{display:inline;white-space:nowrap}.table-body .col-metal .change{margin-top:0;padding-right:0}.contact{line-height:1.5rem;margin-top:1rem;margin-bottom:.5rem}.contact .number{font-size:1.2rem;text-align:right;white-space:nowrap}.contact .number img{height:1.5rem;vertical-align:middle}}@media screen and (orientation:portrait) and (max-width:380px){.table-body .row{line-height:3.1rem;margin-top:1.5rem}.contact .label{display:none}}