@charset "UTF-8";
/* CSS Document */

.small-page-wrapper {
  margin: 15px;
}

.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  align-items: baseline;
}

.column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;


}

.double-column {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.full-width-column {
	display: flex;
	flex-direction: column;
}

.full-width-right {
	display: flex;
	flex-direction: column;
	text-align: right;
}

.full-width-center {
	display: flex;
	flex-direction: column;
	text-align: center;
}

.orange-column {
  height: auto; 
}

.blue-column {
  height: auto;
}

.imageInlineSpace {
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (min-width: 500px) {
  .column {
    flex: 2;
  }

  .double-column {
    flex: 6;
  }

 .full-width-column {
	 flex: auto;
 }
 
  .full-width-right {
	 flex: 6;
	 
 }

 .full-width-center {
	 flex: auto;
 }


}


body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: left; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-color: #999999;
}