body
{
	font-family: "Lato", sans-serif;
}

.logo
{
	margin:0; 
	height:31px
}

.page-content
{
	margin-top: 14px;
	margin-bottom: 70px;
}

.page-container
{
	max-width:800px
}

.h-100pc,
.img-100pc,
.img-100pc-125px,
.img-100pc-210px,
.img-100pc-250px
{
	width: 100%;
}

.img-100pc-125px
, .h-125px
{
	height: 125px;
}

.img-100pc-210px
{
	height: 210px;
}

.img-100pc-250px, 
.h-250px
{
	height: 250px;
}

.vertically-centre
{
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

ul
{ 
    text-align: left;
    list-style-position: outside;
}

.quote
{
    color: #008B8B;
    font-weight: bold;
}

.quote:before {
  content: open-quote;
}

.quote:after {
  content: close-quote;
}


.footer
{
	position: fixed; 
	bottom: 0;
	width: 100%;
	border: 0; 
	box-shadow: 10px 0 7px 3px #bbbbbb;
	padding: 7px;
}


.footer-spacer
{
    margin: 0 7px;
}

/* Style the list */
ul.breadcrumb {
  padding: 7px 14px;
  list-style: none;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 1em;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li+li:before {
  padding: 0 8px;
  content: "\203a";
  color: #01447e;
  /*content: "/\00a0";*/
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #0275d8;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #01447e;
  text-decoration: underline;
}

td
{
    vertical-align: middle
}

a
{
    color: cadetblue;
    text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.wrap
{
    display:flex;
    margin: 0;
    padding: 0;
}

.box-1-4, .box-3-4
{
    height: 100vh;
    overflow: auto;
    padding-top: 40px;
}

.box-1-4
{
    width: 25vw;
    padding-right: 7px;
}

.box-3-4
{
    width: 75vw;
    padding-left: 7px;
}