html {
  font-size: 12px;
}
body {
  background-color: #f8f3ea;
  color: #524245;
  height: 90%;
}
table {
  margin: 0 auto !important;
}
.ui.container {
  max-width: 700px !important;
}
.ui.table {
  font-size: 0.8em;
}
.main.container {
  margin-top: 2em;
}
.main.container .header{
  font-family: 'Abril Fatface', cursive;
  color: #524245;
  display: flex;
  justify-content: space-between;
}
.column > .header{
    font-family: 'Abril Fatface', cursive !important;
    color: #524245 !important;
}
.submit .button{
    color: #524245 !important;
}
.logo{
  color: white;
  font-family: 'Abril Fatface', cursive;
}
.main.menu {
  background-color: transparent;
  margin-top: 4em;
  border-radius: 0;
  border: none;
  box-shadow: none;
  transition:
    box-shadow 0.5s ease,
    padding 0.5s ease
  ;
}
.main.menu.fixed {
  background-color: #312628;
  color: white;
  border: 1px solid #DDD;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
.main.menu.fixed .container .header{
  color: white;
}
.ui.footer.segment {
  padding: 5em 0em;
  background-color: #312628;
}
body > .grid {
  height: 100%;
}
.column {
  max-width: 450px;
}
.button{
    background-color: #e7dfd2 !important;
    color: #524344 !important;
}
.button.submit{
    background-color: #463b3c !important;
    color: white !important;
}
.ui.steps .step{
    display: block;
}

.ui.ordered.steps .step.completed:before,
.ui.steps .step.completed>.icon:before,
.ui.ordered.steps .step:before{
    margin: auto;
}

.ui.styled.accordion{
    width: 800px;
}