/*!
 * Start Bootstrap - CSS Below
*/
@font-face {
  font-family: 'Cookie';
  src: url('../fonts/Cookie-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Cookie-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Cookie-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Cookie-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Cookie-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Cookie-Regular.svg#svgCylburn') format('svg'); /* Legacy iOS */
}

body,
html {
    width: 100%;
    height: 100%;
}

body{
    font-family: 'Lato',Verdana,Helvetica,Arial,sans-serif;
    font-weight: 400;
}

h1{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive;
    font-weight: 500;
	font-size: 8em;
}

h2{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 500;
	font-size: 4em;
	color:#69779c;
}

h3{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 400;
	font-size: 3em;
	color:#ffffff;
}

h4 {
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 300;
	font-size: 3em;
	color:#b1b1b1;
}

h5{
    font-family: 'Lato',Verdana,Helvetica,Arial,sans-serif;
    font-weight: 400;
	color:#333333;
	font-size: 1.6em;
	text-decoration:underline;
	padding-bottom:10px;
}

h6{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive;
	font-weight: 500;
	font-size: 4em;
	color:#ffffff;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

a.nav-link.active {
	color: #f5c62f !important;
	text-decoration: underline;
}

.table > :not(caption) > * > * {
  padding: .5rem 1rem;
}

aside.clients img {
	margin:50px auto;
}

.background {
	background-color:#d38399;
}

.topnav {
    font-size: 15px;
	letter-spacing: 0.035em;
	font-weight: bold;
}

.submenu {
    font-size: 15px;
	letter-spacing: 0.035em;
	font-weight: bold;
	background: #f8f8f8;
}

.pad-the-nav{
 padding-top:5px;
 padding-bottom:5px;
}

.submenu li a:hover{
background-color:#e6e6e6;
}

.navbar-default .navbar-brand  {
  font-weight: bold;
  letter-spacing: 1.8px;
}

.lead {
    font-size: 20px;
    font-weight: 400;
	line-height:1.6em;
}

.navbar-brand img {
	width:25px;
	height: auto;
	vertical-align: middle;
	margin-top: -5px;
}

.intro-header {
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/privateer-gold.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-message {
    position: relative;
    padding-top: 4%;
    padding-bottom: 4%;
}

.intro-message > h1 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
}

.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.intro-message > h3 {
    width:70%;
	margin: 0 auto;
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%;
    -moz-box-shadow: 0px 0px 100px 50px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 100px 50px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 100px 50px rgba(0, 0, 0, 0.2);
	text-shadow: 1px 1px #000;
	border-radius: 20px;
	font-style:italic;
}

.intro-header-2 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/history-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-3 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/music-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-4 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/pirate-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-5 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/links-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-6 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/directions-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-7 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/contact-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.intro-header-8 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/camp-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}
.intro-header-9 {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/marching-band-banner.jpg) no-repeat center center fixed;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

@media only screen and (max-width:991.98px) {
h2{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 500;
	font-size: 2.6em;
	color:#69779c;
	padding-left:10px;
	padding-right:10px;
}
}

@media only screen and (max-width:767.98px) {

h3{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 400;
	font-size: 2.2em;
	color:#ffffff;
}

h2{
	font-family: 'Cookie',Verdana,Helvetica,Arial,cursive; 
	font-weight: 500;
	font-size: 3em;
	color:#69779c;
	padding-left:10px;
	padding-right:10px;
}

.header-2-small {
	font-size: 2.6em;
}

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/privateer-gold-md.jpg) no-repeat top center fixed;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

    .intro-message > h1 {
        font-size: 5em;
    }

    ul.intro-social-buttons > li {
        display: block;
        margin-bottom: 20px;
        padding: 0;
    }

    ul.intro-social-buttons > li:last-child {
        margin-bottom: 0;
    }

    .intro-divider {
        width: 60%;
	
	}
}

@media only screen and (max-width:480px) {

.intro-header {
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
    padding-bottom: 50px;
    text-align: center;
    color: #f8f8f8;
    background: url(../img/privateer-gold-sm-tall-2.jpg) no-repeat right center fixed;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}
.intro-message > h3 {
	margin:0 auto;
	padding-top:10px;
	text-align:center;
	font-size: 2em;
	width:80%;
    }
	
.width-img {
	margin:0 auto;
	width:100%;
	}
}

.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px;
}

.content-section-main {
	margin:0 auto;
	text-align:center;
	padding: 50px 0;
    background-color: #fff;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.content-section-main-2 {
	margin:0 auto;
	text-align:center;
	padding: 50px 0;
    background-color: #f8f8f8;
	border-top:1px solid #ccc;
	background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.content-section-a {
    padding: 50px 0;
    background-color: #f8f8f8;
}

.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
	background-image:
}

.section-heading {
    margin-bottom: 30px;
}

.margin-left {
margin-left:-10px;
}

.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.section-heading-spacer-main {
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.section-heading-spacer-main-bottom {
    width: 200px;
    border-top: 3px solid #e7e7e7;
}

.banner {
    padding: 100px 0;
    color: #f8f8f8;
	border-top: 5px solid #d9d9d9;
    background: url(../img/parade-2.jpg) no-repeat center center;
    background-size: cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
}

.banner h2 {
    margin: 0;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
    font-size: 3em;
}

.the-slider{
    color: #f8f8f8;
	background-color:#333333;	
	border-top: 5px solid #d9d9d9;
}

.gallery-1 {
	margin:0 auto;
	text-align:center;
    color: #f8f8f8;
}

.gallery-1 img{
	border-radius:3%;
	padding-bottom:3px;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	opacity:0.9;	
}

.gallery-1 img:hover {
	opacity:1;
	transform: scale(1.09);
	-webkit-transform: scale(1.09);
	-moz-transform: scale(1.09);
	-o-transform: scale(1.09);
	-ms-transform: scale(1.09);
	transform: scale(1.09);
	z-index: 5;
}

.filter {
	filter: brightness(100%);
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-o-filter: brightness(100%);
	-ms-filter: brightness(100%);
}

.round-edge {
border-radius:2%;
-moz-border-radius:2%;
-webkit-border-radius:2%;
border: 3px solid #ffffff;
}

.round-edge-2 {
border-radius:2%;
-moz-border-radius:2%;
-webkit-border-radius:2%;
}

.shadow {
box-shadow: 8px 10px 4px -6px #999;
-moz-box-shadow: 0px 10px 4px -6px #999;
-webkit-box-shadow: 0px 10px 4px -6px #999;
}

.center {
margin: 0 auto;
text-align: center;
}

.underline {
    text-decoration:underline;
}

.push-5 {
padding-bottom: 5px;
}

.push-10 {
padding-bottom: 10px;
}

.push{
padding-bottom:20px;
}

.push-more{
padding-bottom:40px;
}

.push-60{
padding-bottom:60px;
}

.push-70{
padding-bottom:70px;
}

.push-80{
padding-bottom:80px;
}

.push-90{
padding-bottom:94px;
}

.push-most{
padding-bottom:100px;
}

.margin-fix {
margin-top:-32px;
}

.border-left {
border-left:solid 1px #ccc;
padding-left:20px;
}

.white {
color:#ffffff;
}
.width-img {
margin:0 auto;
width:80%;
}
.banner-push  {
padding-top:440px;
}

.padding {
padding:5px;
}

.list-border {
border-top:1px solid #cfdae2;
}

.text-color-change-h5 {
color: #c43c3c;
}

.link-revert {
color: #ffffff;
}

.well {
	background-color: #f5f8fa;
	border: 2px solid #e1e8ed;
}

.well-events {
	background-color: #f5f8fa;
	border: 2px solid #e1e8ed;
	padding:20px;
	border-radius:5px;
}

.well-inside-1 {
	background-color: #fff;
	border: 1px solid #cfdae2;
}

.well-inside-2 {
	font-size:18px;
	background-color: #ffffff;
	border: 1px solid #cfdae2;
}

.well-inside-3 {
	color:#000;
	background-color: #dfe7ec;
	border: 1px solid #aac3d4;
	padding:10px;
}

footer {
margin:0 auto;
text-align:center;
background-color: #f8f8f8;
}

@media only screen and (min-width:768px) and (max-width: 1199.98px) {
.history-top {
margin-top:.4rem;
}
}

@media only screen and (max-width:767.98px) {
.well {
	margin:0 auto;
	background-color: #f5f8fa;
	border: 2px solid #e1e8ed;
	width:80%;	
}
	
.well-inside-2 {
	margin:0 auto;
	text-align:center;
	width:80%;
	font-size:18px;
	background-color: #ffffff;
	border: 1px solid #cfdae2;
}
.well-inside-1 {
	margin:0 auto;
	background-color: #fff;
	border: 1px solid #cfdae2;
	width:80%;
}
}

.width{
    width:80%;
	margin: 0 auto;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	text-align:left;
	}
	
.width-2{
    width:100%;
	margin: 0 auto;
	padding-bottom:20px;
	}
	
	.img-width{
	width:80%;
	margin: 0 auto;
	text-align:left;

}
	

@media only screen and (max-width:480px) {
		.width{
		width:90%;
		margin: 0 auto;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:20px;
		text-align:left;
	}
	
.well {
margin:0 auto;
background-color: #f5f8fa;
border: 2px solid #e1e8ed;
width:90%;	
}
	
.well-inside-2 {
	margin:0 auto;
	text-align:center;
	width:100%;
	font-size:18px;
	background-color: #ffffff;
	border: 1px solid #cfdae2;
	padding-bottom:10px;
}
.well-inside-1 {
	margin:0 auto;
	background-color: #fff;
	border: 1px solid #cfdae2;
	width:100%;
}
	
	.img-width{
		width:90%;
		margin: 0 auto;
		text-align:left;
}

p.copyright {
    margin: 15px 0 0;
}