/* Navbar */
.navbar-brand img {
  align: page-center;
  height: 12vh;
}

.subtitle {
  align: page-center;
  font-weight: bold;
  font-size: 80%;
}

.logo {
  height: 20vh;
  margin-bottom: 30px;
}


/* Jumbotron */
.jumbotron {
  margin-bottom: 0;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f5f1eb;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 200;
}

.jumbotron-heading p {
  font-size: 50%;
  margin-top: 10px;
  font-weight: bold;
}

.jumbotron .container {
  max-width: 50rem;
  background-color: #f5f1eb;
}

.lead {
  font-weight: 100;  font-color: #000000;}
.lead2 {
  font-weight: 300;  font-color: #000000;}
.lead3 {
  font-weight: bold;  font-color: #000000;  font-size: 100%;}

.order {
  font-size: 100%;
  font-color: #FFFFFF;
}

.ordertxt {
  font-weight: bold; font-size: 100;  font-color: #FFFFFF;}


/* Album */
.album {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #322f31;
}


/* Card */
.card {
  border: 0;
  padding: .75rem;
  margin-bottom: 2rem;
  background-color: #322f31;
}

.card img {
  align-self: center;
  margin-bottom: .75rem;
}

.card a, .card p {
  color: #FFFFFF;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  background-color: #322f31;
}

.card-text {
  font-size: 100%;
  font-weight: bold;
  font--color: #FFFFFF;
  text-align: center;
  background-color: #322f31;
}


/* Footer */
footer {
  padding-top: 3rem;
  padding-bottom: 3rem;
  background-color: #f5f1eb;
}

footer p {
  margin-bottom: .25rem;
}


/* Other */
.disabled {
  pointer-events: none;
  cursor: default;
}


/* Loader */
.loader {
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  border: 7px solid #ddd;
  border-top: 7px solid #aaa;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}