/*
A Bootstrap 3.1 affix sidebar template
from http://bootply.com

This CSS code should follow the 'bootstrap.css'
in your HTML file.

license: MIT
author: bootply.com
*/

body {
	font-family: 'Signika Negative', sans-serif,'Lobster', cursive;
	background-image:url(beachbackground2tall.jpg);
	margin: 0;
	padding: 0;
	color: #000;
	
}


ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, {
	font-family: 'Lobster', cursive;
	margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
.h2{
    float: right;
}
.h3{
    font-family: 'Lobster', cursive;
    float:right;
}
hr { 
    display: block;
    margin-top: 3em;
    margin-bottom: 3em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}
table, tr{
	border-style: dashed;
	border-color:#A9F5F2;
	border-width:0.5px;
	text-align:center;
}

#masthead { 
 min-height:225px;
}

#masthead h1 {
 font-size: 30px;
 line-height: 1;
 padding-top:20px;
}

#masthead .well {
 margin-top:8%;
 background-color: rgba(255,255,255,0.4);
}

.content {
	padding-bottom:50px;
	align:right;
	width:auto;
	
}
.footer{
	align:right;
	background-color: rgba(255,255,255,0.4);
	padding:5px;
	padding-top:50px;
}

  #map-canvas {
        height: 250px;
		width: 250px;
        margin: 0px;
        padding-right: 100px;
		float: right;
      }
	  
.calendar-container {
    position: relative;
    padding-bottom: 50%;
    height: 0;
    overflow: hidden;
}
.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (min-width: 768px) {
  #masthead h1 {
    font-size: 50px;
  }
}

.navbar-bright {
 background-color:#111155;
 color:#fff;
}

.affix-top,.affix{
 position: static;
}

/* Responsive iFrame */
 
.responsive-iframe-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.responsive-iframe-container iframe,   
.vresponsive-iframe-container object,  
.vresponsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 979px) {
  #sidebar.affix-top {
    position: static;
  	margin-top:30px;
  	width:228px;
	background-color: rgba(255,255,255,0.6);
  }
  
  #sidebar.affix {
    position: fixed;
    top:70px;
    width:228px;
	background-color: rgba(255,255,255,0.6);
  }
}

#sidebar li.active {
  border:0 #eee solid;
  border-right-width:5px;
  background-color: rgba(255,255,255,0.6);
}

.info{
    align-items:center;
}
.col-md-9{
    padding-top:25px;
}
}