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

* {
  box-sizing: border-box;
}

/* Create three unequal columns that floats next to each other */
.column {
	float: left;
	padding: 10px; 
}

 .right {
  width: 5%;
}

.left {
  width: 35%;
}
.middle {
	width: 50%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #FFF;
	text-shadow: 2px 2px 2px #F90;
	 
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}



.lowernavrow:after {
	content: "";
	display: table;
	clear: both;
	 
	margin-bottom: 45px;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.lowernavcolumn {
	float: left;
	padding: 10px;	 	 
}

.lowernavleft, .lowernavright {
	width: 30%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #FFF;
}

.lowernavmiddle {
	width: 30%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	color: #FFF;
	text-align: left;
	padding-left: 25px;	 
}

/* Clear floats after the columns */
.shearrow:after {
	content: "";
	display: table;
	clear: both;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #F00;
	margin-bottom: 45px;
}

.shearcolumn {
	float: left;
	width: 25%;
 
}

 
@media screen and (max-width: 600px) {
  .shearcolumn {
    width: 100%;
  }
}