#account-container {
  text-align: left;
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5vh;
  max-width: 900px; }

#account-container h1 {
  margin: initial;
  font-size: 280%; }

#orders-container {
  margin-bottom: 48px; }

#orders-container h2, h2 {
  font-size: 180%; }

h2 {
  margin: initial; }

.order-container {
  background: #fff;
  width: 100%;
  padding: 24px;
  margin-top: 24px;
  border: 1px solid #ccc; }

.order-highlights {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  width: 100%; }

.placed, .order-number {
  flex-shrink: 0; }

.amount {
  margin: 0 24px;
  padding: 0 24px;
  border-left: 2px #ccc solid;
  border-right: 2px #ccc solid;
  flex-shrink: 0; }

.ordernumber {
  padding-right: 24px;
  flex-shrink: 0;
  border-right: 2px #ccc solid; }

.despatchstatus {
  padding-left: 24px;
  flex-shrink: 0; }

.ImageSet a {
  margin-bottom: 16px;
  display: -moz-box;
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
  width: 100%; }

.ImageSet_image {
  width: -moz-calc((100% - 16px*2)/3);
  width: calc((100% - 16px*2)/3);
  flex-shrink: 0;
  margin-right: 16px;
  position: relative; }

.ImageSet_image img {
  display: block;
  width: 100%;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-style: none; }

.action-bar {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  justify-content: flex-end;
  padding-top: 24px; }

@media only screen and (min-width: 568px) {
  .ImageSet_image {
    width: -moz-calc((100% - 16px*4)/5);
    width: calc((100% - 16px*4)/5); } }
@media only screen and (min-width: 768px) {
  .ImageSet_image {
    width: -moz-calc((100% - 16px*4)/5);
    width: calc((100% - 16px*4)/5); } }
@media only screen and (min-width: 1024px) {
  .ImageSet_image {
    width: -moz-calc((100% - 16px*5)/6);
    width: calc((100% - 16px*5)/6); } }