@charset "UTF-8";
/* Body */
body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*	font-family: Gotham, "Gotham Book", "Helvetica Neue", Arial, "sans-serif"; */
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
}
	
@font-face {
		font-family: "Gotham";
		src: url("Gotham/Gotham-Book.otf");
	}

/* a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
} */

a {
	color: #444444;
	text-decoration: none;
/*	font-weight: bold;  */
}
a:hover {
/*	color: #36a6a6; */
	color: #D60003;
    text-decoration: underline;
/*	font-weight: bold; */
}

a.gray-back {
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}
a.gray-back:hover {
	color: cadetblue;
	text-decoration: none;
	font-weight: bold;
}

/* TO POSITION HEADER/BANNER ANIMATION IN FIXED POSITION to SCROLL PAGE CONTENT BELOW - RESPONSIVE */
/* match backgrounds */
/* body, .header-top { background: #eaeaea; } */

/* can't assume only one "header" in HTML5 */
.header-top { 
  /* pin to top - 0 is default */
  position: relative;
  /* raise z-index to cover */
/*  z-index: 1; */
  /* cover full width when zoomed */
  width: 100%; }

/* match widths, margins & padding */
.page-wrap, .header-wrap { 
  width: 100%; 
/*  min-width: 320px; 
  max-width: 640px; */
  margin: 0 auto; 
  /* separate content from window edge -- 
     here (not on body) to work with fixed header */
  padding: 0; }

/* any min-height needs to be on both */
.header-top, .header-top-hidden { 
  min-height: 90px; }

.header-top-hidden {
  visibility: hidden; }

/* width & padding supplied by .page-wrap */
.header-top-hidden .header-content-wrap {
  width: 100%;
  padding: 0; }

/* END HEADER WRAP CSS */

/* Navigation */
/* header {
	width: 100%;
	height: 10%;
	position: fixed;
	z-index: 2;
} */

.header-content {
	position: relative;
/*	z-index: 1; */
}

 .nav-container {
	position: relative;
		top: 0px;
	 	right: 0px;
	float: right;
	width: 60%;
/*	z-index: 1; */
	overflow: hidden; /* ADDED FOR MOBILE NAV ? */
}

 .logo-container {
	position: fixed;
		top: 10px;
	 	left: 10px;
	 width: 40%;
/*  z-index: -1; */
}

.logo img {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 15px;
	margin-left: 40px;
}
nav {
	float: right;
	text-align: right;
	margin-right: 10px;
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	margin-right: 25px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}
ul li a {
	color: #444444;
	text-decoration: none;
	font-weight: bolder;
}

/* Main Navigaton - to change text links color for gray background  */

ul li a.gray-back {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
ul li a.gray-back:hover {
	color: #ff0000;
	text-decoration: none;
  font-weight: bolder;
}
ul li a.active gray-back {
	color: #D60003;
	text-decoration: none;
  font-weight: bolder;
}

/* end formatting for gray background */


/* ul li:hover a {
/*	color: #36a6a6; */
/*	color: #D60003;
	text-decoration: none;
	font-weight: bold;
}
*/
ul li a:hover {
/*	color: #36a6a6; */
	color: #D60003;
	text-decoration: none;
	font-weight: bolder;
}

/* MOBILE NAVIGATION */
/* Add a background color to the top navigation */
.topnav {
	position: fixed;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	margin-right: 0px;
/*  overflow: hidden; */
/* 	z-index: 5;  */
}

.topnav ul li {
	float: left;
	color: #FFFFFF;
	font-size: 14px;
	text-align: right;
	margin-right: 15px;
	letter-spacing: 2px;
	font-weight: bold;
	transition: all 0.3s linear;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #444444;
  text-align: right;
  padding: 10px 14px;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;	
}

/* Change the color of links on hover */
.topnav a:hover {
/*  background-color: #ddd; */
  color: #D60003;
  font-weight: bolder;
}

/* Add an active class to highlight the current page */
.topnav a.active {
  color: #D60003;
  text-decoration: none;
  font-weight: bold;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}

.hero_header {
	color: #FFFFFF;
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	letter-spacing: 4px;
}
/* Hero Section */
/* .hero {
/*	background-color: #FFFFFF; */
/*    position: relative;
    top: -25px; */
/*    width: 100%; */
/*	height: auto !important; */
/*	margin: 0px;
  /*  background-color: #36a6a6; */
/*    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}*/

.light {
	font-weight: bold;
	color: #717070;
}
.tagline {
	text-align: left;
	color: #444444;
	margin-top: 4px;
	font-weight: lighter;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.banner-container {
	display: block;
	position: fixed;
	 	top: 30px;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: -1;
}
 
 .banner-container-hidden {
	display: block;
	position: relative;
	 	top: 0px;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	z-index: 0; 
}

/* Container */
.container {
	position: relative;
		top: 30px;  
    width: 100%;
    margin-left: auto;
    margin-right: auto;
	height: auto;
 /*   background-color: #666666;  */
}


/* .banner-section-blank {
	vertical-align: top; 
	position: relative;
		top: 0px;
	background-color: cadetblue; opacity: 0.6;
	width: 100%;
	max-height: 1150px;
	height: 100%; 
	height: 100vh !important; 
	padding: 0;
	margin: 0;	
} 

.banner-container-blank {
	display: block;
	width: 100%;
    height: 100vh !important;
	height: 1150px; 
}*/

/* BUTTONS HOME PAGE */
.btn-primary-port {
  color: #D60003;
  background-color: none;
  border-color: none; 
  font-size: 1.25rem;
}

.btn-primary-port:hover {
  color: cadetblue;
  background-color: none;
  border-color: none;
  font-size: 1.25rem;
}

.btn-primary-news {
  color: #D60003;
  background-color: none;
  border-color: none; 
  font-size: 0.875rem;
}

.btn-primary-news:hover{
  color: cadetblue;
  background-color: none;
  border-color: none;
  font-size: 0.875rem;
  font-weight: normal;
}


.btn-lg, .btn-group-lg > .btn {
  padding: 0;
  font-size: 1.25rem;
  line-height: 0;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-primary-port:focus, .btn-primary-port.focus {
  color: #fff;
  background-color: #0069d9;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #007bff;
  border-color: #007bff;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}




/* Footer Contact Us Section */

h3.footer-text {
	color: #444444;
  font-size: 1.75rem;
  padding-bottom: 1.75rem;

}

.footer-text {
	color: #ffffff;
	text-align: left !important;
	padding-right: 20px;
}

.footer-text a {
	color: #ffffff;
	text-align: left !important;
}

a.footer-text:hover {
/*	color: #36a6a6; */
	color: #ad0104;
    text-decoration: underline;
/*	font-weight: bold;  */
}

.footer-form-group {
	padding: 0px;
}

.form-name {
	padding-bottom: 30px;
}

.form-email {
	padding-bottom: 30px;
}

.form-message {
	padding-bottom: 30px;
}

.form-submit {
	padding-bottom: 0px;
}

/* About Section */
.text_column {
	width: 29%;
	text-align: justify;
	font-weight: lighter;
	line-height: 25px;
	float: left;
	padding-left: 20px;
	padding-right: 20px;
	color: #A3A3A3;
}
.about {
    position: relative;
	top: -20px;
    width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 0px;
	display: inline-block;
	background-color: #FFFFFF;
	margin-top: 0px; 
}
/* Stats Gallery */
.stats {
	color: #717070;
	margin-bottom: 5px;
}
.gallery {
	clear: both;
	display: inline-block;
	width: 100%;
	background-color: #FFFFFF;
	/* [disabled]min-width: 400px;
*/
	padding-bottom: 35px;
	padding-top: 0px;
	margin-top: -5px;
	margin-bottom: 0px;
}
.thumbnail {
	width: 25%;
	text-align: center;
	float: left;
	margin-top: 35px;
}
.gallery .thumbnail h4 {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	color: #52BAD5;
}
.gallery .thumbnail p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #A3A3A3;
}
/* Parallax Section */
.banner {
	background-color: #2D9AB7;
	background-image: url(../images/parallax.png);
	height: 400px;
	background-attachment: fixed;
	background-size: cover;
	background-repeat: no-repeat;
}
.parallax {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	padding-top: 110px;
	letter-spacing: 2px;
	margin-top: 0px;
}
.parallax_description {
	color: #FFFFFF;
	text-align: right;
	padding-right: 100px;
	width: 30%;
	float: right;
	font-weight: lighter;
	line-height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/* More info */
footer {
	background-color: #FFFFFF;
	padding-bottom: 35px;
}
.footer_column {
	width: 50%;
	text-align: center;
	padding-top: 30px;
	float: left;
}
footer .footer_column h3 {
	color: #B3B3B3;
	text-align: center;
}
footer .footer_column p {
	color: #717070;
	background-color: #FFFFFF;
}
.cards {
	width: 100%;
	height: auto;
	max-width: 400px;
	max-height: 200px;
}
footer .footer_column p {
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	line-height: 25px;
	font-weight: lighter;
	margin-left: 20px;
	margin-right: 20px;
}
.button {
	width: 200px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	text-align: center;
	vertical-align: middle;
	border-radius: 0px;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 2px;
	border: 3px solid #FFFFFF;
	color: #FFFFFF;
	transition: all 0.3s linear;
}
.button:hover {
	background-color: #FEFEFE;
	color: #C4C4C4;
	cursor: pointer;
}
.copyright {
	position: relative;
		top: -62px;	
	text-align: left;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(40,40,40,0.95) !important; /* to apply transparency/opacity to gray background */
	color: #FFFFFF;
	text-transform: none !important;
	font-weight: lighter;
	letter-spacing: 0px !important;
	border-top-width: 2px;
	width: 100%;
	height: 120px;
}
.footer_banner {
	background-color: #B3B3B3;
	padding-top: 60px;
	padding-bottom: 60PX;
	margin-bottom: 0px;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}
footer {
/*	display: inline-block; */
	display: block;
	height: auto;
}

.hidden {
	display: none;
}

/* Mobile */
@media (max-width: 320px) {
	
 .logo-container {
	position: fixed;
		top: 0px;
	 	left: 5px;
	 width: 45%;
}

	
	/* When the screen is less than ---- pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
.topnav {
	position: fixed;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	margin-right: 0px;
/*  overflow: hidden; */
 	z-index: 5; 
}
		
  .topnav a {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
	color:#fff;
	font-size: 1.5em;
    background-color: #D60003;
  }


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  .topnav.responsive {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #555;
	width: 40%;
  	z-index: 5; 
}
  .topnav.responsive a.icon {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #D60003;
  	z-index: 5; 
  }
	
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
/*	background-color: #444; */
	color: #ffffff;
	font-weight: bold;
 }	

	/* Change the color of links on hover */
.topnav.responsive a:hover {
/*  background-color: #ddd; */
  color: #D60003;
  font-weight: bolder;
}

/* Add an active class to highlight the current page */
.topnav.responsive a.active {
  color: #D60003;
  text-decoration: none;
  font-weight: bold;
}

	/* Change the color of links on hover */
.topnav.responsive a.icon:hover {
/*  background-color: #ddd; */
  color: #777777;
}



/* END MOBILE NAVIGATION */
	
h3.footer-text {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*  font-family: Gotham, "Gotham Book", "Helvetica Neue", Arial, "sans-serif"; */
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}

.copyright-text {
  font-size: .50rem !important;
  padding-bottom: .50rem !important;
}
/*
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #ffffff;
}
*/
/*
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
*/
	
.text_column {
	width: 100%;
	text-align: justify;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 90%;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 12px;
	float: none;
	text-align: center;
}
.banner {
	background-color: #2D9AB7;
	background-image: none;
}
.tagline {
	margin-top: 20px;
	line-height: 22px;
}
.hero_header {
	padding-left: 10px;
	padding-right: 10px;
	line-height: 22px;
	text-align: center;
}
}

/* Small Tablets */
@media (min-width: 321px) and (max-width: 767px) {
	
 .logo-container {
	position: fixed;
		top: 3px;
	 	left: 5px;
	 width: 45%;
}

.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}

/*
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #ffffff;
}
*/
header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}
	

/* When the screen is less than --- pixels wide, hide all links, except the link that should open and close the topnav (.icon) */
.topnav {
	position: fixed;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	margin-right: 0px;
/*  overflow: hidden; */
 	z-index: 5; 
}
		
.topnav a {display: none;}
.topnav a.icon {
    float: right;
    display: block;
	color:#fff;
	font-size: 1.5em;
    background-color: #D60003;
  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
.topnav.responsive {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #555;
	width: 40%;
  	z-index: 5; 
}
.topnav.responsive a.icon {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #D60003;
  	z-index: 5; 
  }
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
/*	background-color: #444; */
	color: #ffffff;
   font-weight: bold;
  }	
	
	/* Change the color of links on hover */
.topnav.responsive a:hover {
/*  background-color: #ddd; */
  color: #D60003;
  font-weight: bolder;
}

/* Add an active class to highlight the current page */
.topnav.responsive a.active {
  color: #D60003;
  text-decoration: none;
  font-weight: bold;
}

	/* Change the color of links on hover */
.topnav.responsive a.icon:hover {
/*  background-color: #ddd; */
  color: #777777;
}


/* END MOBILE NAVIGATION */

h3.footer-text {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*  font-family: Gotham, "Gotham Book", "Helvetica Neue", Arial, "sans-serif"; */
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}

.copyright-text {
  font-size: .75rem !important;
  padding-bottom: .75rem !important;
}

	
.text_column {
	width: 100%;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.thumbnail {
	width: 100%;
}
.footer_column {
	width: 100%;
	margin-top: 0px;
}
.parallax {
	text-align: center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40%;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 100%;
	font-size: 18px;
}
.parallax_description {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 30%;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: none;
	width: 100%;
	text-align: center;
}
.thumbnail {
	width: 50%;
}
	
.parallax {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-top: 20%;
}
.parallax_description {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	padding-top: 30px;
}
.banner {
	padding-left: 20px;
	padding-right: 20px;
}
.footer_column {
	width: 100%;
}
}
/* Medium Tablets to Small Desktops ? */
@media (min-width: 768px) and (max-width: 992px) {

 .logo-container {
	position: fixed;
		top: 2px;
	 	left: 5px;
	 width: 40%;
/*  z-index: -1; */
}

/* .logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #043745;
} */
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
/*
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #ffffff;
}
*/
header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
}


/* When the screen is less than --- pixels wide, hide all links, except the link that should open and close the topnav (.icon) */
.topnav {
	position: fixed;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	margin-right: 0px;
/*  overflow: hidden; */
 	z-index: 5; 
}
			
.topnav a {display: none;}
.topnav a.icon {
    float: right;
    display: block;
	color:#fff;
	font-size: 1.5em;
    background-color: #D60003;
  }

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
.topnav.responsive {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #555;
	width: 40%;
  	z-index: 5; 
}
.topnav.responsive a.icon {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #D60003;
  	z-index: 5; 
  }
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
/*	background-color: #444; */
	color: #ffffff;
    font-weight: bold;
  }

	
	/* Change the color of links on hover */
.topnav.responsive a:hover {
/*  background-color: #ddd; */
  color: #D60003;
  font-weight: bolder;
}

/* Add an active class to highlight the current page */
.topnav.responsive a.active {
  color: #D60003;
  text-decoration: none;
  font-weight: bold;
}

	/* Change the color of links on hover */
.topnav.responsive a.icon:hover {
/*  background-color: #ddd; */
  color: #777777;
}


/* END MOBILE NAVIGATION */


/* FORMATTING */

h3.footer-text {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*  font-family: Gotham, "Gotham Book", "Helvetica Neue", Arial, "sans-serif"; */
  font-size: 1.5rem;
  padding-bottom: 1.5rem;
}

}

/* Small Desktops */
@media (min-width: 993px) and (max-width: 1096px) { /*was min 768 ... */

 .logo-container {
	position: fixed;
		top: 5px;
	 	left: 5px;
	 width: 40%;
/*  z-index: -1; */
}
	
/*.logo {
	width: 100%;
	text-align: center;
	margin-top: 13px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	color: #043745;
} */
	
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	display: none;
}
/*
.container header nav {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	float: none;
	overflow: auto;
	display: inline-block;
	background: #ffffff;
}
*/

header nav ul {
	padding: 0px;
	float: none;
}
nav ul li {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	text-align: center;
	font-weight: bold;
}

	/* When the screen is less than --- pixels wide, hide all links, except the link that should open and close the topnav (.icon) */
.topnav {
	position: fixed;
	top: 0px;
	right: 0px;
	float: right;
	text-align: right;
	margin-right: 0px;
/*  overflow: hidden; */
 	z-index: 5; 
}
		
.topnav a {display: none;}
.topnav a.icon {
    float: right;
    display: block;
	color:#fff;
	font-size: 1.5em;
    background-color: #D60003;
  }


/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
.topnav.responsive {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #555;
	width: 40%;
  	z-index: 5; 
}
.topnav.responsive a.icon {
	position: fixed;
	top: 0px;
	right: 0px;
	background-color: #D60003;
  	z-index: 5; 
  }
.topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
/* 	background-color: #444; */
	color: #ffffff;
    font-weight: bold;
  }

	/* Change the color of links on hover */
.topnav.responsive a:hover {
/*  background-color: #ddd; */
  color: #D60003;
  font-weight: bolder;
}

/* Add an active class to highlight the current page */
.topnav.responsive a.active {
  color: #D60003;
  text-decoration: none;
  font-weight: bold;
}

/* Change the color of links on hover */
.topnav.responsive a.icon:hover {
/*  background-color: #ddd; */
  color: #777777;
}

/* END MOBILE NAVIGATION */

h3.footer-text {
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
/*  font-family: Gotham, "Gotham Book", "Helvetica Neue", Arial, "sans-serif"; */
  font-size: 1.75rem;
  padding-bottom: 1.75rem;
}
		
.text_column {
	width: 100%;
}
.thumbnail {
	width: 50%;
}
.text_column {
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.banner {
	margin-top: 0px;
	padding-top: 0px;
}

}	
