body {
  background-color: #B2D6FF;
}
.page {
  padding: 0; /* Removed 10x left and right */
}

header {
  /*justify-content: center;  Globe centered - didn't seem to be working */
  background-color: #002d94;	
  height: 85px;
  z-index: 0;
}
header.lily {
  height: 150px;
}
header.lily .nav-bar1, header.lily .nav-bar2, header.lily .nav-bar3 {
	background-color: white;
}
	
@media only screen and (max-width: 410px) { /* Mobile Styles */
  header {
    height: 150px;
  }
  header.lily {
    height: 150px;
  }
}

.gccle-title {
	position: absolute;
	bottom: 10px;
	left: 1em;
	color: white;
}
.gccle-banner {
	position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}
#gcc-logo-1 {
	width: 60px;
}
#gcc-logo-2 {
	width: 330px;
	padding-right: 50px;
}
#lily-logo-1 {
	height: 140px;
}
#lily-logo-2 {
	height: 120px;
}

.gccle-title-right {
	position: absolute;
	bottom: 10px;
	right: 0px;
	color: white;
	width: 300px;
}

@media only screen and (max-width: 660px) {
  .gccle-title-right  {
	width: 60px;
	right: 30px;
  }
  .gccle-title-right #gcc-logo-2 {
    display: none;
  }
}

@media only screen and (max-width: 400px) {
  .gccle-title-right  {
    display: none;
  }
}

.gccle-title-right div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

/*----------------------------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------------------------------*/
.content {
  width: 100%;
  background-color: #EAEDF0;
  display: block;
  padding: 1em;
}
.content p {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 125%;
}

red {
  display: inline;
  color: red;
}