body, html {
    height: 100%;
    min-height: 100%;
    background-color: #FFF;
}

main {
    overflow-x: hidden;
}

h1,h2,h3,h4,h5 {
    font-family: 'Playfair Display', serif;
}

.container-fluid {
    padding-right: 0;
    padding-left: 0;
}

.hsContainer {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
}

.hsContent {
    vertical-align: middle;
    color: #000;
    padding: 0 8%;
}

.bcg {
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 100%;
    width: 100%;
}

#slide-1 .bcg {
    height: 600px;
    background-image:url('../img/storefront3.jpg');
}

#slide-1 h2 {
    font-size: 80px;
}

#slide-1 p {
    font-size: 25px;
    font-family: 'Playfair Display', serif;
}

#slide-1 .hsContent {
    position: relative;
    top: 30%;
    text-align: center;
}

#slide-2 .hsContainer {
    margin-top: 20px;
}

.center {
    text-align: center;
}

@media (max-width: 970px) {
    #slide-1 .bcg {
        height: 300px;
        background-attachment: initial;
        background-image:url('../img/storefront3.jpg');
    }
    #slide-1 .hsContent {
        top: 20%;
    }
    #slide-1 h2 {
        font-size: 40px;
    }
}

/* Side notes for calling out things
-------------------------------------------------- */
 
/* Base styles (regardless of theme) */
.bs-callout {
  margin: 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h4 {
  margin-top: 0;
}
.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}
 
/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #f0f7fd;
  border-color: #d0e3f0;
}

footer .hsContent {
    color: #CCC;
    text-align: center;
}