body {
  /*padding-top: 5rem;*/
}
.j5-content {
  padding: 3rem 1.5rem;
  text-align: center;
  max-width: 1200px;
  margin: 0 auto;
}
.j5-contact {
  padding: 3rem 1.5rem;
  text-align: center;
  background-color: #eee;
  width: 100%;
  margin: 0;
}
.j5-djs, .j5-services, .j5-igfeed {
  padding: 0;
  text-align: center;
  cursor: pointer;
}
.j5-djs img, .j5-services img, .j5-igfeed img {
  object-fit: cover; /* Do not scale the image */
  object-position: top; /* Center the image within the element */
  width: 100%;
  max-height: 450px;
}

.j5-services.lighting-services img{
  max-height: 350px;
}

.j5-insta img {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 450px;
  cursor: pointer;
}

@media (min-width:768px) {
	.j5-services img {
	  max-height: 190px;
	}

  .j5-djs img {
    max-height: 320px;
  }

	.j5-insta img {
	  height: 350px;
	}
}

@media (min-width:1400px) {
  .j5-services img, .j5-igfeed img {
    max-height: 350px;
  }

  .j5-djs img {
    max-height: 450px;
  }

  .j5-insta img {
    height: 300px;
  }
}

@media (min-width:1900px) {
  .j5-services img, .j5-igfeed img {
    max-height: 450px;
  }
  .j5-djs img {
    max-height: 600px;
  }
  .j5-insta img {
    height: 350px;
  }
}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

@media (pointer: coarse) and (hover: none) {
  header {
    background: url('img/wedding7.jpg') black no-repeat bottom center scroll;
    background-size: cover;
  }
  header video {
    display: none;
  }
}

.affix {
  background-color: #eee;
  -webkit-transition:padding 0.2s ease-out;
  -moz-transition:padding 0.2s ease-out;  
  -o-transition:padding 0.2s ease-out;         
  transition:padding 0.2s ease-out;
}

.affix a {
  color:#000 !important;
}

@media (min-width:768px) {
    .affix-top {
      /* navbar style at top */
      background-color:transparent;
      border-color:transparent;
      padding: 15px;
      -webkit-transition:all 0.5s ease;
      -moz-transition:all 0.5s ease; 
      -o-transition:all 0.5s ease;         
      transition:all 0.5s ease;  
    }
}

nav .navbar-nav .nav-link,
nav .navbar-brand {
   color: #FFF !important;
}

nav.affix .navbar-nav .nav-link,
nav.affix .navbar-brand {
   color: #000 !important;
}

nav.affix .navbar-toggler-icon {
	background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-collapse {
	padding: 4px;
}
.navbar-collapse.show {
	background-color: rgba(255,255,255,0.2);
}

.dj5-dj, .dj5-service, .dj5-ig {
  position: relative;
  text-align: center;
  color: white;
}

.dj5-dj .centered, .dj5-service .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3.2em;
  white-space: nowrap;
  text-shadow: 0px 0px 8px #000000, 0px 1px 6px #CA5CA5;
}

.dj5-service .centered {
  white-space: pre-wrap;
}

.dj5-dj .ig-caption, .dj5-service .ig-caption, .dj5-ig .ig-caption {
  position: absolute;
  text-align: center;
  bottom: 0px;
  left: 0px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-shadow: 0px 0px 6px #000000;
  font-size: 1em;
  background-color: rgba(50,50,50,.5);
  padding: 2px 4px;
  margin:0;
}

@media (min-width:768px) {
	.dj5-dj .centered, .dj5-service .centered {
	  font-size: 2em;
	}
}

@media (min-width:1024px) {
	.dj5-dj .centered, .dj5-service .centered {
	  font-size: 2.4em;
	}
}

@media (min-width:1400px) {
	.dj5-dj .centered, .dj5-service .centered {
	  font-size: 4em;
	}
}


/* Footer */
/*@import url('https://maxcdn.bootstr apcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');*/
section {
    padding: 60px 0;
}

section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}
#footer {
    background: #000 !important;
}
#footer h5{
	padding-left: 10px;
    border-left: 3px solid #eeeeee;
    padding-bottom: 6px;
    margin-bottom: 20px;
    color:#ffffff;
}
#footer a {
    color: #ffffff;
    text-decoration: none !important;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:64px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
  cursor: pointer;
}
#footer ul.social li:hover a i {
	font-size:84px;
	margin-top:-64px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#footer ul.quick-links li{
	padding: 3px 0;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.quick-links li:hover{
	padding: 3px 0;
	margin-left:5px;
	font-weight:700;
}
#footer ul.quick-links li a i{
	margin-right: 5px;
}
#footer ul.quick-links li:hover a i {
    font-weight: 700;
}

@media (max-width:767px){
	#footer h5 {
    padding-left: 0;
    border-left: transparent;
    padding-bottom: 0px;
    margin-bottom: 10px;
}
}

.shadowed {
  text-shadow: 0px 0px 6px #000;
}