/* Confirmation
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.confirmation {
  background-image: url("../images/RM_confirmation_mobile.jpg");
  background-color: #7e0000;
  background-size: cover;
  background-position: center;
  color: #fff;
  height: 150px;
  max-height: 200px;
}

/* Larger than mobile */
@media (min-width: 400px) {
	.confirmation {
	  background-image: url("../images/RM_confirmation_wide.jpg");
	  background-position: center;
      background-size: cover;
	  color: #fff;
	  height: 246px;
	  background-color: #7e0000;
	  margin-top: 20px;
	}
}

/* Content
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.content {
  background-size: cover;
}


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.footer {
  background-color: #3b3872;
  background-size: cover;
  height: 40px;
  color: #ebe7de;
  text-align: center;
  padding-top: 12px;
}

.footer_confirmation {
  background-color: #7e0000;
  background-size: cover;
  height: 40px;
  color: #ebe7de;
  text-align: center;
  padding-top: 12px;
}


/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.values {
  background-image: url("../images/RM_bar_mobile.jpg");
  background-color: #3b3872;
  background-size: cover;
  background-position: center;
  color: #fff;
  height: 200px;
}

/* Larger than mobile */
@media (min-width: 400px) {
	.values {
	  background-image: url("../images/RM_bar.jpg");
	  background-color: #3b3872;
	  background-size: cover;
	  background-position: center;
	  color: #fff;
	  height: 300px;
	}
}
	
.value-multiplier {
  margin-bottom: .5rem;
  color: #11DFC7;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}