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


.container-fluid {
	margin: 0px 10% 0px 10%;
}
footer {
	clear: both;
	text-align: center;
	font-size: 0.8em;
}
a:active, a:hover {
	color: #0D16BB;
	font-weight: bold;
}
.navbar {
	background-color: #698EFB;
}
.fullspan {
	width: 100%;
	background-color: #F7F8F8;
}
blockquote {
	border-left: none;
	font-size: medium;
}
#cf img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

#cf img.top:hover {
  opacity:0;
}
/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
#right {
	width: 100%;
	float: left;
	background-color: #87B89F;
	margin: 0px;
	padding: 10px;
}
#left {
	width: 100%;
	float: left;
	background-color: lightgray;
	margin: 0px;
	padding: 10px;
}
.container-fluid {
	margin: 0px;
}
p {
	font-size: .9em;
}
h2 {
	font-size: 1.1em;
}
blockquote {
	font-size: .9em;
	border-left: none;
}
}

/* Extra Small Devices, Tablets */
@media only screen and (min-width : 480px) {
#right {
	width: 100%;
	float: left;
	background-color: #87B89F;
	margin: 0px;
	padding: 10px;
}
#left {
	width: 100%;
	float: left;
	background-color: lightgray;
	margin: 0px;
	padding: 10px;
}
.container-fluid {
	margin: 0px;
}
p {
	font-size: .9em;
}
h2 {
	font-size: 1.1em;
}
blockquote {
	font-size: 1.0em;
	border-left: none;
}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
#right {
	width: 48%;
	float: right;
	background-color: #87B89F;
	margin: 0px;
	padding: 10px;
}
#left {
	width: 48%;
	float: left;
	background-color: lightgray;
	margin: 0px;
	padding: 10px;
}
.container-fluid {
	margin: 0px 10% 0px 10%;
}
h2 {
	font-size: 1.2em;
}
blockquote {
	border-left: none;
	font-size: 1.0em;
}
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
#right {
	width: 48%;
	float: right;
	background-color: #87B89F;
	margin: 0px;
	padding: 10px;
}
#left {
	width: 48%;
	float: left;
	background-color: lightgray;
	margin: 0px;
	padding: 10px;
}
.container-fluid {
	margin: 0px 10% 0px 10%;
}
h2 {
	font-size: 1.6em;
	font-weight: bold;
}
p {
	font-size: large;
}
blockquote {
	border-left: none;
	font-size: 1.1em;
}
}