﻿body {
 margin: 0 auto;
 padding: 0;
 font-size: 2em; 
 font-family: 'Archivo Narrow', sans-serif, Arial;
 background-color: #fff;
}
a:link {
 color: #0000ff;
}
a:active {
 color: #0000ff;
}
a:visited {
 color: #0000ff;
}
a:hover {
 color: #0000ff;
}
.wrapper {
 width: 100%;
 max-width: 1300px;
 margin: 0 auto;
 padding: 0;
}
header {
 width: 100%;
 margin: 0 auto;
 padding: 0;
 padding-top: .5em;
 text-align: center;
}
header img {
 width: 98%;
 max-width: 564px;
}
header:after {
 content: '';
 clear: both;
 display: table;
}
#slider1_container {
 display: none;
 visibility: hidden;
}
#navbar {
 width: 100%;
 background-color: #00A89A;
 font-size: 1.25em;
 color: #fff;
 margin: 0 auto;
 padding: 0;
 padding-top: .3em;
 padding-bottom: .3em;
}
nav {
 width: 100%;
 margin: 0 auto;
 padding: 0em;
}
p {
 padding-left: .8em;
 padding-right: .8em;
 line-height: 1.35em;
}
ul li {
 line-height: 1em;
}
.normal-list li {
 line-height: 1.35em;
}
h1 {
 font-size: 2em;
 padding: 0em;
 padding-left: .35em;
 color: #000;
}
h2 {
 font-size: 1.5em;
 padding: 0em;
 padding-left: .5em;
 color: #000000;
}
#middle {
 width: 100%;
 padding: 0;
 margin-top: .5em;
}
#middle:after {
 content: '';
 clear: both;
 display: table;
}
#content {
 width: 74%;
 float: right;
 padding-top: 1em;
}
#sidebar {
 width: 25%;
 float: left;
 text-align: center;
 padding-top: 2em;
}
#sidebar img {
 width: 98%;
}
.text-bold {
 font-weight: bold;
}
.text-italic {
 font-style: italic;
}
.gray-info-bubble {
 border: solid;
 border-radius: .5em;
 border-color: #000;
 border-width: 1px;
 padding: 0em;
 margin: 1em;
 margin-top: 0em;
 color: #000;
 line-height: 1.35em;
 font-size: 1em;
 background-color: #ececec;
}
.gray-info-bubble a:link,
.gray-info-bubble a:active,
.gray-info-bubble a:visited,
.gray-info-bubble a:hover {
 color: #000;
 text-decoration: none;
}
footer {
 font-size: .8em;
 text-align: center;
 color: #fff;
 padding: 1.5em;
 background-color: #666;
}
footer a:link,
footer a:active,
footer a:visited,
footer a:hover {
 color: #fff;
 text-decoration: none;
}
footer img {
 width: 80%;
 max-width: 300px;
}
.location-img {
 width: 65%;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 float: right;
}
.location-img img {
 width: 90%;
 margin-top: 3px;
 margin-bottom: 3px;
 border-radius: 3px;
 -moz-box-shadow: 3px 3px 3px black;
 -webkit-box-shadow: 3px 3px 3px black;
 box-shadow: 3px 3px 3px black;
 border: solid;
 border-color: #000;
 border-width: 1px;
}
.media-container {
 width: 100%;
 padding-top: .8em;
 padding-bottom: .8em;
}
.media-container:after {
 content: '';
 clear: both;
 display: table;
}
.media-left {
 width: 48%;
 float: left;
 margin: 0 auto;
 text-align: center;
}
.media-left img {
 width: 94%;
 max-width: 280px;
 margin-top: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-box-shadow: 5px 5px 5px black;
 -webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;
 border: solid;
 border-color: #000;
 border-width: 1px;
}
.media-right {
 width: 48%;
 float: right;
 margin: 0 auto;
 text-align: center;
}
.media-right img {
 width: 94%;
 max-width: 280px;
 margin-top: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-box-shadow: 5px 5px 5px black;
 -webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;
 border: solid;
 border-color: #000;
 border-width: 1px;
}
.media-name {
 font-weight: bold;
}
.progressbar {
 padding: 0;
 padding-bottom: 1em;
 margin: 0;
 text-align: center;
 font-size: 2em;
 line-height: .5em;
}
.quote {
 font-style: italic;
}
.flamingo-pic {
 width: 40%;
 max-width: 458px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: .5em;
 text-align: center;
}
.flamingo-pic img {
 width: 100%;
 max-width: 600px;
}
.page-pic {
 width: 40%;
 max-width: 458px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: .5em;
 text-align: center;
}
.page-pic img {
 width: 100%;
 max-width: 600px;
}
.page-pic-shadow {
 width: 45%;
 max-width: 600px;
 float: right;
 padding: 0;
 margin: 0 auto;
 margin-right: 1em;
 margin-left: 1.5em;
 text-align: center;
 font-size: .8em;
 font-style: italic;
}
.page-pic-shadow img {
 width: 100%;
 max-width: 600px;
 margin-top: 5px;
 margin-bottom: 5px;
 border-radius: 5px;
 -moz-box-shadow: 5px 5px 5px black;
 -webkit-box-shadow: 5px 5px 5px black;
 box-shadow: 5px 5px 5px black;
 border: solid;
 border-color: #000;
 border-width: 1px;
}
.page-pic-full {
 width: 100%;
 padding: 0;
 margin: 0 auto;
 text-align: center;
}
.page-pic-full img {
 width: 99.5%;
 border: 1px solid black;
 border-radius: .5em;
}
.rows {
 padding-left: .8em;
 padding-right: .8em;
}
.rows:after {
 content: '';
 clear: both;
 display: table;
}
.rows-left {
 float: left;
 width: 49%;
}
.rows-right {
 float: right;
 width: 49%;
}
#call-button {
 display: none;
 visibility: hidden;
 width: 100%;
 padding: 0;
 margin: 0 auto;
 font-size: 0;
}
#call-button img {
 width: 100%;
}
#footer-top {
 width: 100%;
 margin: 0 auto;
 margin-bottom: 1em;
 padding: 0;
 text-align: center;
}
#footer-top:after {
 content: '';
 clear: both;
 display: table;
}
#footer-title {
 width: 100%;
 text-align: center;
 margin: 0 auto;
 padding: 0;
}
#footer-title:after {
 content: '';
 clear: both;
 display: table;
}
#footer-top-left {
 float: left;
 width: 49.9%;
}
#footer-top-right {
 float: right;
 width: 49.9%
}
.footer-table {
 width: 100%;
 color: #787875;
 display: table;
 vertical-align: top;
}
.footer-table th td {
 vertical-align: top;
 display: table-cell;
 border: 1px solid black;
}
.footer-table td {
 font-size: .75em;
 width: 50%;
}
.footer-table a {
 color: #787875;
 text-decoration: none;
}
.icon-size {
 font-size: 3.5em;
}
.price {
 font-size: 2em;
 color: #006600;
 font-weight: bold;
 padding: 0;
 margin: 0;
}

/* BEGIN RESPONSIVE */

@media (min-width: 1200px) {
 body {
  font-size: 1.25em;
 }
}
@media (min-width: 980px) and (max-width: 1199px) {
 body {
  font-size: 1.15em;
 }
}
@media (min-width: 768px) and (max-width: 979px) {
 body {
  font-size: 1em;
 }
}
@media (min-width: 481px) and (max-width: 767px) {
 body {
  font-size: .9em;
 }
 #logo {
  float: none;
  width: 100%;
  text-align: center;
  padding: 0em;
  padding-top: .25em;
 }
 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 0em;
 }
 #navbar {
  padding: 0;
 }
}
@media (min-width: 0px) and (max-width: 480px) {
 body {
  font-size: .8em;
 }
 #logo {
  float: none;
  width: 100%;
  text-align: center;  
  padding: 0em;
  padding-top: .25em;
 }
 #header-right {
  width: 100%;
  float: none;
  text-align: center;
  padding-top: 0em;
 }
 #navbar {
  padding: 0;
 }
 #content {
  float: none;
  width: 100%;
 }
 #sidebar {
  float: none;
  width: 100%;
 }
 .rows-left {
  float: none;
  width: 100%;
 }
 .rows-right {
  float: none;
  width: 100%;
 }
 #call-button {
  display: block;
  visibility: visible;
 }
 #footer-top-left {
  float: none;
  width: 100%;
 }
 #footer-top-right {
  float: none;
  width: 100%;
 }
}

