/* CSS */
html, body {
  height: 90%; }

body {
  background: #f4f4f4;
  font-family: 'Roboto', sans-serif;
  font-size: 17px;
  color: #777;
}

h1 {
    font-size: 26px !important; }
h2 {
    font-size: 24px !important; }

h3 {
    font-size: 23px !important; }

.white { color: white; }

.white:hover { color: #d7d7d7; }

.darktext { color: #777; }

#homeextra { margin-top: 20px; }

#homeextra img { border: 1px solid #DDD; margin-left: 10px; }

footer {
  background-color: #5880B6;
  border-color: #5880B6 !important;
  color: white;
  padding: 10px 0px;
  margin-top: 20px; }

section { min-height: 100%; }

footer p {
  margin: 0; }

a {
  color: #5880B6; }

a:hover {
  text-decoration: none; }

.smlist { font-size: 10pt; list-style-type: none; }

#social i {
  line-height: 1.6;
  padding-right: 15px;
  color: white; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Alegreya', serif;
  color: #5880B6; }

.carousel-inner img.wide {
    max-width: 100%;
    max-height: 100%;
    height: auto;
}
.carousel-inner img.tall {
    max-height: 100%;
    max-width: 100%;
    width: auto;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background-color: #7b9dcb;
  border-color: #7b9dcb; }

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
  color: #FFF;
  background-color: #6187bb;
  border-color: #7b9dcb; }

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  color: #FFF;
  background-color: #abc3e3;
  border-color: #7b9dcb; }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
  background-color: #7b9dcb;
  border-color: #7b9dcb; }

.btn-primary {
  color: #FFF;
  background-color: #dd9f4b;
  border-color: #dd9f4b; }

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #FFF;
  background-color: #ebb162 !important;
  border-color: #dd9f4b !important; }

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
  background-color: #94b2da;
  border-color: #7b9dcb; }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
  background-color: #94b2da;
  border-color: #7b9dcb; }

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
  border-color: #7b9dcb; }

.jumbotron {
  background: url(../img/herobg.jpg) no-repeat center right;
  font-size: 18px; }

.jumbotron p {
  color: #eee; }

.dropdown-menu {
  border: none; }

.white {
  color: #eee !important; }

.navbar {
  margin-bottom: 0; }

.navbar-nav {
  margin-top: 0px; }

.navbar-inverse {
  background-color: #5880B6;
  border-color: #5880B6 !important; }

.navbar-toggle {
  margin-top: 38px; }

.navbar-brand {
  padding: 5px 15px; }

.inline-block {
  display: inline-block; }

.carousel-caption {
  text-align: right;
  right: 12%;
  left: 12%; }

.clear-right {
  clear: right; }

#phone p {
  font-size: 13pt;
  color: #FFF;
  text-align: right; }

.margin20top { margin-top: 20px; }

a[href^=tel] {
  color: inherit;
  text-decoration: none; }

.grey {
  color: #ccc; }

.carousel-control:hover, .carousel-control:focus {
  opacity: .6; }

.nav>li>a {
font-size: 12pt;
}

/* tablet and above */
@media (min-width: 767px) {
  .navbar-nav {
    margin-top: 0px !important;
    float: right !important; }

  .jumbotron {
    font-size: 21px; }

  #phone p {
    font-size: 14pt !important;
    margin: 10px; }
    
  #social i {
    line-height: 2.2; } }