body{
    font-family:Lora;
    background:linear-gradient(rgba(47,23,15,.5),rgba(47,23,15,.5)),url(../img/bg_blur.jpg);
    background-attachment:fixed;
    background-position:center;
    background-size:cover
}
h1,h2,h3,h4,h5,h6{
    font-family:Raleway
}
p{
    line-height:1.75
}
.text-faded{
    color:rgba(255,255,255,.3)
}
.site-heading{
    margin-top:5rem;
    margin-bottom:5rem;
    text-transform:uppercase;
    line-height:1;
    font-family:Raleway
}
.site-heading .site-heading-upper{
    display:block;
    font-size:2rem;
    font-weight:800
}
.site-heading .site-heading-lower{
    font-size:5rem;
    font-weight:100;
    line-height:4rem
}
.page-section{
    margin-top:5rem;
    margin-bottom:5rem
}
.section-heading{
    text-transform:uppercase
}
.section-heading .section-heading-upper{
    display:block;
    font-size:1rem;
    font-weight:800
}
.section-heading .section-heading-lower{
    display:block;
    font-size:3rem;
    font-weight:100
}
.bg-faded{
    background-color:rgba(255,255,255,.85)
}
#mainNav{
    background-color:#d76a32;
    font-family:Raleway
}
#mainNav .navbar-brand{
    color:#e6a756
}
#mainNav .navbar-nav .nav-item .nav-link{
    color:rgba(255,255,255,.7);
    font-weight:800
}
#mainNav .navbar-nav .active {
    color:#892e16 !important
}
@media (min-width:992px){
    #mainNav .navbar-nav .nav-item .nav-link{
        font-size:1.5rem
    }
    #mainNav .navbar-nav .nav-item .nav-link:hover{
        color:rgba(255,255,255,.4)
    }
    #mainNav .navbar-nav .active:hover{
        color:#e6a756 !important
    }
}
.btn-xl{
    font-weight:700;
    font-size:.8rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    padding-left:2rem;
    padding-right:2rem
}
.intro{
    position:relative
}
@media (min-width:992px){
    .intro .intro-img{
        width:75%;
        float:right
    }
    .intro .intro-text{
        left:0;
        width:60%;
        margin-top:-3rem;
        position:absolute
    }
    .intro .intro-text .intro-button{
        width:100%;
        left:0;
        position:absolute;
        bottom:-2rem
    }
}
@media (min-width:1200px){
    .intro .intro-text{
        width:45%
    }
}
.cta{
    padding-top:5rem;
    padding-bottom:5rem;
    background-color:rgba(230,167,86,.9)
}
.cta .cta-inner{
    position:relative;
    padding:3rem;
    margin:.5rem;
    background-color:rgba(255,255,255,.85)
}
.cta .cta-inner:before{
    border-radius:.5rem;
    content:'';
    position:absolute;
    top:-.5rem;
    bottom:-.5rem;
    left:-.5rem;
    right:-.5rem;
    border:.25rem solid rgba(255,255,255,.85)
}
@media (min-width:992px){
    .about-heading .about-heading-img{
        position:relative;
        z-index:0
    }
    .about-heading .about-heading-content{
        margin-bottom:-30rem;
        margin-right: -10rem;
        position:relative;
        z-index:1
    }
}
@media (min-width:992px){
    .product-item .product-item-title{
        position:relative;
        z-index:1;
        margin-bottom:-3rem
    }
    .product-item .product-item-img{
        position:relative;
        z-index:0;
        max-width:60vw
    }
    .product-item .product-item-description{
        position:relative;
        z-index:1;
        margin-top:-3rem;
        max-width:50vw
    }
}
.list-hours{
    font-size:.9rem
}
.list-hours .list-hours-item{
    border-bottom:1px solid rgba(230,167,86,.5);
    padding-bottom:.25rem;
    margin-bottom:1rem;
    font-style:italic
}
.list-hours .list-hours-item.today{
    font-weight:700;
    color:#e6a756
}
@media (min-width:992px){
    .list-hours{
        width:50%;
        font-size:1.1rem
    }
}
.address strong{
    font-size:1.2rem
}
.footer{
    background-color:rgba(137, 46, 22, 1)
}
.text-primary{
    color:#e06f35!important
}
.bg-primary{
    background-color:#e6a756!important
}
.btn{
    box-shadow:0 3px 3px 0 rgba(33,37,41,.1)
}
.btn-primary{
    background-color:#d76a32;
    border-color:#d76a32
}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{
    background-color:#df902a !important;
    border-color:#df902a !important
}
.btn-primary:active{
    color:#892e16 !important
}
.btn-secondary{
    background-color:#892e16;
    border-color:#892e16
}
.btn-secondary:active,.btn-secondary:focus,.btn-secondary:hover{
    background-color:#bf401f !important;
    border-color:#bf401f !important
}
.btn-secondary:active{
    color:rgba(0,0,0,.7)!important
}
.font-weight-light{
    font-weight:100!important
}

.logo {
    position: absolute;
    display: none;
    width: auto;
    height: auto;
    max-height: 185px;
    right: 0;
    padding-right: 3rem;
}

.portrait {
    position: absolute;
    display: none;
    max-height: 200px;
    margin-top: 20px;
    float: left;
    padding-left: 3rem;
}

#mobile-logo {
    display: block;
    width: 70%;
    margin-top: -3rem;
    margin-bottom: 1rem;
}

.text-color-main {
    color: #d76a32;
}

.text-color-second {
    color: #892e16;
}

.link-small {
    text-decoration: none;
    color: rgba(255,255,255,.7);
}
.link-small:hover{
    text-decoration: none; 
    color: rgba(255,255,255,.4)
}
.link-small.active .link-small:hover{
    text-decoration: none;
    color: #e6a756
}

.foot-note {
    margin-top: -2rem;
    margin-left: .7rem;
}

.bold-big {
    display: inline;
    font-weight: bold;
    text-transform: uppercase;
}

.little-header {
    color: rgba(255,255,255,.7);
    text-transform: uppercase;
    cursor: default !important;
    border-style: none !important;
}


.transparentBody {
    background: transparent;
}

.hidden {
    display: none;
}

.priv-pol {
    word-wrap: break-word;
    word-break: break-all;
}

.imagepreview {
    max-height: 300px;
    max-width: 400px;
    cursor:pointer;
}

.imgContainer {
    max-width: none;
    padding: 20px;
}

.center {
    margin-left: auto;
    margin-right: auto;
}

#media-modal {
    background-color: rgba(0, 0, 0, .8);
}

.close {
    padding-right: 15px;
}

.tipp {
    color: white;
    font-size: x-large;
    text-align: center;
}

.veil {
    opacity: .8;
}

.black-bg {
    display: inline-block;
    background-color: black;
    margin: 10px;
}

.placeholder-img {
    opacity: .2;
    position: relative;
    height: 600px;
}

.intro-image {
    position: absolute;
    margin-right: 6rem;
}

.intro-text {
    z-index: 1;
}

.height-stopper {
    max-height: 600px;
}

.font-big {
    font-size: xx-large;
    margin-top: -10px;
    margin-bottom: -10px;
}

.back-btn {
    margin: 10px;
}

#backToTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    padding: 10px;
    opacity: 0.7
}

#backToTopBtn:hover {
    opacity: 1;
}

.image-button {
    font-size: 4rem;
    color: white;
    text-shadow: black;
    opacity: .4;
}

.image-button:hover {
    color: white;
    text-shadow: black;
    opacity: .8;
    cursor: pointer;
}

.prev-img {
    float: right;
}

.next-img {
    float: left;
}

.image-space {
    height: 100%;
}

.image-space-col {    
    padding: 0px;
}

.image-space-col-3 {
    margin-top: auto;
    margin-bottom: auto;
    visibility: hidden;
}

#hoverTipp {
    position: absolute;
    left: 10%;
    right: 10%;
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.home-img {
    margin-right: -100px;
}

.intext-img-small {
    float: right;
    margin-left: 1rem;
}
.intext-img-medium {
    float: right;
    margin-left: 40px !important;
}

.img-small {    
    max-width: 200px;
    margin-bottom: 1rem;
}

.img-medium {
    max-width: 500px;
}

#aboutImg {
    margin-bottom: 20px !important;
}

.centered-content {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.space-below {
    min-height: 40rem;
}

#contactImg {
    margin-top: -15rem;
}

#pageContent {
    margin-top: 8rem;
}

.webdev-logo {
    margin-left: 0.5rem;
    max-height: 12px;
}