body{font-family:Lora;background:linear-gradient(rgba(32,190,198,.5),rgba(255,255,255,.5),rgba(255,142,4,.5),rgba(255,79,4,.5),rgba(93,2,3,.5)),url(../img/bg.png);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)}
.container-marketing{padding: 5rem;}#mainNav{background-color:rgba(0,0,0,.9);font-family:Raleway}#mainNav .navbar-brand{color:#ff8e04}#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.7);font-weight:800}#mainNav .navbar-nav .nav-item.active .nav-link{color:#ff8e04}@media (min-width:992px){#mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}#mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(255,255,255,.4)}#mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#ff8e04}}.btn-xl{font-weight:700;font-size:.8rem;padding-top:1.5rem;padding-bottom:1.5rem;padding-left:2rem;padding-right:2rem} #mediaNav img {max-height:80px}
.intro{position:relative}@media (min-width:992px){.intro .intro-img-right{width:75%;float:right}.intro-img-left{width:75%;float:left}.intro .intro-text-left{left:0;width:60%;margin-top:3rem;position:absolute} .intro-text-right{right:0;width:60%;margin-top:3rem;position:absolute}.intro .intro-text .intro-button-left{width:100%;left:0;position:absolute;bottom:-2rem} .intro-button-right{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(0,0,0,.9)}.cta .cta-inner{position:relative;padding:3rem;margin:.5rem;background-color:rgba(255,255,255,.85)}.cta .cta-inner:before{border-radius:.5rem;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-top:-5rem;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(0,0,0,.9);
    {position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}
}.text-primary{color:#ff8e04!important}.bg-primary{background-color:#20bec6!important}.btn{box-shadow:0 3px 3px 0 rgba(33,37,41,.1)}.btn-primary{background-color:#ff8e04;border-color:#ff8e04;}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#ff4f04;border-color:#ff8e04}.font-weight-light{font-weight:100!important}

/*.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create four equal columns that sits next to each other
.column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}

/* Responsive layout - makes a two column-layout instead of four columns 
@media screen and (max-width: 800px) {
  .column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other 
@media screen and (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
}





/* Portfolio Section */
#portfolio {
	padding: 120px 0 0 0;
}
.categories {
	padding: 0px 0px 40px 0px;
	text-align: center;
}
.portfolio-item {
	margin: 15px 0;
}
.portfolio-item img {
	border-radius: 0 50px 0 50px;
	max-width: 300px;
}



/* Center website */
.myBtnContainer {
  margin: auto;
	text-align: center;
}
/* Style the buttons */
.btn {
	color: #fff;
	font-weight: 400;
	font-size: 15px;
	padding: 10px 20px;
	margin: 0 7px;
	border: 2px solid #fff;
	border-radius: 10px 0 10px 0;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

/* Add a grey background color on mouse-over */
.btn:hover {
  color: #ff8e04;
}

/* Add a dark background color to the active button */
.btn.active {
  background-color: #ff8e04;
   color: white;
}

.row {
  margin: auto;
}

/* Add padding BETWEEN each column (if you want) */
.row,
.row > .column {
  padding: 8px;
}

/* Create three equal columns that floats next to each other */
.column {
  display: none; /* Hide columns by default */
}

/* Clear floats after rows */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* The "show" class is added to the filtered elements */
.show {
  display: block;
}