/* fxsite-mobile.css */

body {
  font-size: 100%;
}

.heading {
  font-size: 4.5rem;
  font-weight: 300;
}

.rates {
  margin: 20px ;
  grid-template-columns: auto;
}

.rates-failures {
  grid-template-columns: auto;
}

@media (max-width: 361px){
  td {
    font-size: 85%;
  }

  .rates {
    margin: 20px 30px 20px 30px;
  }

  .rates-failures {
    margin: 0px 30px 0px 30px;
  }
}

.submit-calculate {
  margin: 0px 280px;
}

.calculator-fields{
  margin: 10px 30px;
}

#calculator {
  width: auto;
}

thead {
  margin-bottom: 5px;
}

.last-updated {
  font-size: 0.9em;
}

.institution-rates-table {
  margin-top: 5px;
  margin-bottom: 5px;
}

td.currency {
  padding-right: 5px;
}

header {
  flex: 0 1 auto;
  padding-top: 25px;
  padding-bottom: 25px;

}

main {
  flex: 1 1 auto;
}

html {
  height: 100%;
  width: 100%;
  overflow-x: hidden;
}

.institution {
  display: grid;
  margin: 5px;
  width: auto;
}

table {
  width: 100%;
  border-spacing: 0px;
}

#calculator-results {
  margin: 0px 50px;
  margin-top: 10px;
}