html {
  background-repeat: no-repeat;
  background-position: left center;
  background-attachment: fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: white;
  height: 100%;
  font-family: 'Montserrat', sans-serif;
}

body {
  height: 100%;
  font-family: 'Montserrat', sans-serif;
  background: transparent;
}

section:first-child {
padding-top: 52px;
}

section {
text-align: center;
padding-top: 52px;
padding-bottom: 52px;
}

section h1 {
margin-top: 0;
}

footer {
text-align: center;
margin: 10px;
}

#socialmedia {
float: right;
margin-top: -36px;
}

#socialmedia img {
    border: none;
    height: 32px;
    width: 32px;
    padding: 5px;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Satisfy', serif;
color: #533221;
}

h1.error {
    font-size: 10em;
}

.nowrap {
    white-space: nowrap;
}

#coverSpacer {
text-indent: -1000em;
}

.coverCover {
background-color: white;
width: 100%;
}

.navbar-center
{
   position: absolute;
   width: 100%;
   left: 0;
   text-align: center;
   margin: auto;
}

.navbar-brand{
   float:none;
}

.navbar-default {
    background-color: white;
    border: none;
    z-index: 2;
}

.navbar {
    border-radius: 0px;
    position: fixed;
    width: 100%;
}

.navbar-brand>a>img {
    display: inline;
    margin-top: -15px;
}

.navbar-brand.visible-xxs>a>img {
    margin-top: -6px;
}

.navbar a, .navbar a:visited {
    color: #533221 !important;
    background-color: transparent !important;
    font-family: 'Satisfy', cursive !important;
    font-size: 150% !important;
    text-align: right;
}

.navbar-nav a:focus, .navbar-nav a:hover {
    color: #871821 !important;
    background-color: transparent !important;
    font-family: 'Satisfy', cursive !important;
    font-size: 150% !important;
}

.nav>li>a { /* remove when menu is smaller */
    padding: 15px 7px;
}

@media (min-width: 768px) {
    .dropdown-menu {
        border: none;
        box-shadow: none;
        margin-top: -10px !important;
    }
}

hr {
    border: none;
    height: 54px;
    background-image: url(../images/icons/scissors-left.png), 
                      url(../images/icons/scissors-right.png),
                      url(../images/icons/dotted-line.png);
    background-position: left center, right center, center center;
    background-repeat: no-repeat, no-repeat, repeat;
    margin: 0px auto;
    width: 60%;

}

@media (max-width: 400px) {
  .hidden-xxs {
    display: none !important;
  }
  hr {
    width: 90%;
  }
}

@media (min-width: 401px) {
  .visible-xxs {
    display: none !important;
  }
}

/* Gallery */
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80FFFFFF', endColorstr='#00FFFFFF', GradientType=1);
  z-index: 1;
  color: #533221;
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.0001) 0%, rgba(255, 255, 255, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00FFFFFF', endColorstr='#80FFFFFF', GradientType=1);
  z-index: 1;
  color: #533221;
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #533221;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

.carousel-indicators li {
  box-shadow: 1px 1px 1px #533221;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: auto;
  margin: auto;
}

/* Now Open! */
@media (max-width: 767px) {
    #nowOpen {
        text-align: center;
        height: 100%;
        font-size: 10em;
        color: #9b133b;
        transform: translate(0%, 20%);
        text-indent: 0;
        padding-top: 0;
        margin-top: 0;
    }
}

@media (min-width: 768px) {
    #nowOpen {
        text-align: center;
        height: 100%;
        font-size: 15em;
        color: #9b133b;
        transform: translate(0%, 25%);
        text-indent: 0;
    }
}

@media (min-width: 1121px) {
    #nowOpen {
        text-align: center;
        height: 100%;
        font-size: 15em;
        color: #9b133b;
        transform: translate(10%, 33%) rotate(-25deg);
        text-indent: 0;
    }
}