body 
{
    background: #ccddff;
    font-family: 'Open Sans', sans-serif;
}

p {
    font-size: 16px;
}

.jumbotron
{
    background-image: url('../img/top.jpg');
    background-position: 0% 25%;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 300px;
    margin-top: -50px;
    color: white;
    margin-bottom: 8px;
    text-shadow: white 0.2em 0.2em 0.2em;
    -webkit-transition: font-size 0.5s, height 0.5s, margin-top 0.5s; /* Safari */
    transition: font-size 0.5s, height 0.5s, margin-top 0.5s;
    -webkit-box-shadow: 0px 10px 2px 0px rgba(85,85,153,1);
    -moz-box-shadow: 0px 10px 2px 0px rgba(85,85,153,1);
    box-shadow: 0px 10px 2px 0px rgba(85,85,153,1);
}

.jumbotron.shrink {
    max-height: 100px;
    margin-top: -100px;
}

.jumbotron.shrink h1 {
    padding-top: 50px;
    font-size: 6em;
}

.jumbotron.shrink h2 {
    font-size: 4em;
}

.jumbotron h1 {
    padding-top: 50px;
    font-size: 8em;
    font-family: "Great Vibes";
    color: #3357B3;
    -webkit-transition: padding-top 0.5s; /* Safari */
    transition: padding-top 0.5s;    
}

.jumbotron h2 {
    font-size: 5em;
    font-family: "Great Vibes";
    color: #3357B3;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.gg-section {
    padding-top: 250px;
}

.gg-navbar {
	background-color:#555599;
    color:#ffffff;
  	border-radius:0;
}
  
.gg-navbar .navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
}
.gg-navbar .navbar-nav > .active > a, .navbar-nav > .active > a:hover, .navbar-nav > .active > a:focus {
    color: #ffffff;
	background-color:#444444;
}
      
.gg-navbar .navbar-nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}
      
.gg-navbar .navbar-brand {
  	color:#eeeeee;
}
.gg-navbar .navbar-toggle {
  	background-color:#eeeeee;
}
.gg-navbar .icon-bar {
  	background-color:#33aa33;
}

.section-heading-gg {
    font-size: 3em;
    font-weight: 500;
    font-family: "Great Vibes";
    color: #3357B3;
}

.gg-spacer {
    min-height: 10px;
    height: 10px;
}

.gg-spacer-last {
    min-height: 250px;
    height: 250px;
}

.maps iframe{
    pointer-events: none;
}

.affix {
    top: 50px;
    width: 100%;
    z-index: 1000;
}

#top {
    padding-top: 400px;
}

.gg-information {
    background-color: #ccddff;
}

#Information, #A1, #C1, #Gallery, #Contact, #C2, #A2, #top {
    background-color: #dcedff;
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1599px) {
    .jumbotron h1 {
        font-size: 7em;
    }
    .jumbotron.shrink h1 {
        padding-top: 0px;
        margin-top: 20px;
        font-size: 6em;
    }    

    .jumbotron h2 {
        font-size: 4em;
    }
    .jumbotron.shrink h2 {
        visibility: hidden;
    }
    
    .jumbotron {
        min-height: 150px;
        margin-top: -50px;
    }    
    
    .jumbotron.shrink {
        max-height: 100px;
        margin-top: -50px;
    }
    
    #top {
        padding-top: 375px;
    }
    
    .gg-section {
        padding-top: 150px;
    }  
    
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .jumbotron h1 {
        font-size: 7em;
    }
    .jumbotron.shrink h1 {
        padding-top: 0px;
        margin-top: 20px;
        font-size: 6em;
    }    

    .jumbotron h2 {
        font-size: 4em;
    }
    .jumbotron.shrink h2 {
        visibility: hidden;
    }
    
    .jumbotron {
        min-height: 150px;
        margin-top: -50px;
    }    
    
    .jumbotron.shrink {
        max-height: 100px;
        margin-top: -50px;
    }
    
    #top {
        padding-top: 375px;
    }
    
    .gg-section {
        padding-top: 150px;
    }  
    
}

/* Landscape phones and portrait tablets */
@media (min-width: 481px) and (max-width: 767px) {
    .jumbotron h1 {
        padding-top: 25px;
        font-size: 4em;
    }
    .jumbotron.shrink h1 {
        padding-top: 25px;
        font-size: 4em;
    }    

    .jumbotron h2 {
        font-size: 2em;
    }
    .jumbotron.shrink h2 {
        visibility: hidden;
    }
    
    .jumbotron {
        min-height: 100px;
        max-height: 200px;
        margin-top: -50px;
    }    
    
    .jumbotron.shrink {
        min-height: 100px;
        max-height: 150px;
        margin-top: -50px;
    }
    
    #top {
        padding-top: 200px;
    }
    
    .gg-section {
        padding-top: 150px;
    }  
    
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .jumbotron h1 {
        padding-top: 25px;
        font-size: 3em;
    }
    .jumbotron.shrink h1 {
        padding-top: 25px;
        font-size: 3em;
    }    

    .jumbotron h2 {
        font-size: 2em;
    }
    .jumbotron.shrink h2 {
        visibility: hidden;
    }
    
    .jumbotron {
        min-height: 100px;
        max-height: 200px;
        margin-top: -50px;
    }    
    
    .jumbotron.shrink {
        min-height: 100px;
        max-height: 150px;
        margin-top: -50px;
    }
    
    #top {
        padding-top: 200px;
    }
    
    .gg-section {
        padding-top: 150px;
    }  
    
}

/* Custom navbar collapse */
@media (min-width: 768px) and (max-width: 960px) {
  .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}