/*Navbar*/

.navbar-custom {
  background: #ffffff;
  font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  border: none;
  letter-spacing: 1px
}
.navbar-custom a:focus {
  outline: none;
}
.navbar-custom .navbar-brand {
  color: black;
}
.navbar-custom .navbar-brand:hover,
.navbar-custom .navbar-brand:focus,
.navbar-custom .navbar-brand:active,
.navbar-custom .navbar-brand.active {
  color: black;
}
.navbar-custom .navbar-nav {
  letter-spacing: 1px;
}
.navbar-custom .navbar-nav li a {
  color: red;
}
.navbar-custom .navbar-nav li a:hover {
  color: #000000;
  outline: none;
}
.navbar-custom .navbar-nav li a:focus,
.navbar-custom .navbar-nav li a:active {
  color: red;
}
.navbar-custom .navbar-nav li.active a {
  color: black;
  background: #000000;
}
.navbar-custom .navbar-nav li.active a:hover,
.navbar-custom .navbar-nav li.active a:focus,
.navbar-custom .navbar-nav li.active a:active {
  color: black;
  background: #000000;
}
.navbar-custom .navbar-toggle {
  color: white;
  text-transform: uppercase;
  font-size: 10px;
  border-color: white;
  background-color:black
}
.navbar-custom .navbar-toggle:hover,
.navbar-custom .navbar-toggle:focus {
  background-color: #ffffff;
  color: #000000;
  border-color: #000000;
}
@media (min-width: 768px) {
  .navbar-custom {
    padding: 2.5px 0;
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-custom .navbar-brand {
    font-size: 1.5em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .navbar-custom.affix {
    padding: 10px 0;
  }
  .navbar-custom.affix .navbar-brand {
    font-size: 1.5em;
  }

}




#logo {
	height: 80px;
	width: 80px;
	background-image: url("../images/daylogo.png");
	position:fixed;
	z-index: 6;
	left: calc(50% - 40px)
}

	/*Carousel*/

.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
  z-index: 2;
}
html,
body,
.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}
.item:nth-child(1) {
  background: #fff;
  background-image: url("../images/blackbandana1.jpg");
  background-size: cover;
  background-position:center;
}
.item:nth-child(2) {
  background: #fff;
  background-image: url("../images/redbandana1.jpg");
  background-size: cover;
  background-position:center;
}
.item:nth-child(3) {
  background: #fff;
  background-image: url("../images/blackandred.jpg");
  background-size: cover;
  background-position:center;
}

.carousel {
	padding-top: 45px;
}

	/*Body Style*/
	
body {
	background-color: white;
	color: black;
}	
	
body::-webkit-scrollbar {
    width: .75em;
}
 
 
body::-webkit-scrollbar-thumb {
  background-color: red;
  outline: 1px solid slategrey;
}


	
#about {
	padding-top:150px;
	height: 75%;
}

#aboutpic {
	height:199px;
	width:300px;
	background-image: url("../images/dayaboutpic.png");
    background-size: cover;
    background-position:center;
}

#about-text {
	padding-top: 150px;
}

#products {
	font-size: 20px;
	height:auto;
}

#products .row {
	padding: 50px 0 50px 0
}

#pictures {
	height:333px;
	width:500px;
	overflow: hidden;
}

#productshot1 {
	height:333px;
	width:500px;
	background-image: url("../images/dayproductshot1.jpg");
    background-size: cover;
    background-position:center;
    transition: all 1s ease;
}

#productshot1:hover {
	transform: scale(1.1);
}


#productshot2 {
	height:333px;
	width:500px;
	background-image: url("../images/dayproductshot2.jpg");
    background-size: cover;
    background-position:center;
    transition: all 1s ease;
}

#productshot2:hover {
	transform: scale(1.1);
}


#productshot3 {
	height:333px;
	width:500px;
	background-image: url("../images/dayproductshot3.jpg");
    background-size: cover;
    background-position:center;
    transition: all 1s ease;
}

#productshot3:hover {
	transform: scale(1.1);
}


#productshot4 {
	height:333px;
	width:500px;
	background-image: url("../images/dayproductshot4.jpg");
    background-size: cover;
    background-position:center;
    transition: all 1s ease;
}

#productshot4:hover {
	transform: scale(1.1);
}

#copy {
    padding-top: 150px;
}

#title {
	padding-top: 30px;
}

#vertical-text {
	transform: rotate(90deg);
	padding-top: 200px;
	font-size: 35px;
}

#contact {
	height:100%;
	width:100%;
	display:table;
}

#contact-text {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}