@media screen and (max-width: 599px) {
	/* Target only devices below 600px */
	.sticky-header {
	  position: fixed;
	  top: 0;
	}
  }
  
  @media screen and (max-width: 599px) {
	#landing-deeperlife {
	  width: 100%;
	  font-size: x-large;
	  position: relative;
	  left: 25px;
	}
	#landing-nebraska {
	  font-size: x-large;
	  width: 100%;
	  position: relative;
	  left: 0px;
	}
	.landing-deeperlife {
	  width: 100%;
	  position: relative;
	  left: 0px;
	}
  
	#bible-animation {
	  width: 100%;
	}
	.bible-animation {
	  width: 100%;
	  position: relative;
	  left: 0px;
	}
  
	.deperlife-nebraska-container {
	  position: relative;
	  left: -5px;
	  width: 110%;
	}
  
	#deeperlife-name {
	  font-size: 16px;
	}
	.deperlife-name {
	  width: 110%;
	  position: relative;
	  left: -5px;
	  font-size: 20px;
	}
  
	#nebraska-USA {
	}
	.nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: -5px;
	  font-size: 12px;
	}
  }
  
  @media screen and (min-width: 600px) {
	#landing-deeperlife {
	  width: 100%;
	}

	.landing-deeperlife {
	  width: 100%;
	  position: relative;
	  left: 0px;
	}
  
	#bible-animation {
	  width: 100%;
	}
	.bible-animation {
	  width: 100%;
	  display: block;
	  position: relative;
	  left: 0px;
	}
  
	#deeperlife-nebraska-container {
	  position: absolute;
	  left: 0px;
	}
  
	.deeperlife-nebraska-container {
	  position: relative;
	  left: 10px;
	}
  
	#deeperlife-name {
	  width: 100%;
	  font-size: 20px;
	}
	.deperlife-name {
	  width: 100%;
	  position: relative;
	  left: 0px;
	  font-size: 30px;
	}
  
	#nebraska-USA {
	  width: 100%;
	  font-size: 14px;
	}
	.nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: -5px;
	  font-size: 14px;
	}
  }
  
  @media screen and (min-width: 992px) {
	
	#bible-animation {
	  width: 100%;
	}

	.bible-animation {
	  width: 100%; /*120*/
	  position: relative;
	  left: -3px; /*115*/
	}
  
	#deperlife-nebraska-container {
	  width: 80px;
	}
	.deperlife-nebraska-container {
	  width: 70px;
	  position: relative;
	  left: 8px;
	  padding-top: 0px;
	  margin-top: 0px;
	}
  
	#deeperlife-name {
	  width: 80%;
	  font-size: 14px;
	}
  
	.deperlife-name {
	  width: 100%;
	  position: relative;
	  left: 10px;
	  font-size: 12px;
	}
  
	#nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: 10px;
	  font-size: 10px;
	}
	.nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: 0px;
	}
  
	#nebraska-presentation{
		max-width: 500px;
		position: fixed;
		top: -90px;
		z-index: 1000 !important;
		margin-top: 200px;
		right: 20px;
		cursor: move;
        user-select: none;
	}
  }
  
  @media screen and (min-width: 1009px) {
	#bible-animation {
	  width: 100%;
	}
  
	.bible-animation {
	  width: 100%; /*120*/
	  position: relative;
	  left: -3px; /*115*/
	}
  
	#deperlife-nebraska-container {
	  width: 100px;
	}
	.deperlife-nebraska-container {
	  width: 100px;
	  position: relative;
	  left: 80px;
	  padding-top: 0px;
	  margin-top: 0px;
	}
  
	#deeperlife-name {
	  width: 100%;
	  position: "relative";
	  left: 50px;
	  font-size: 14px;
	}
  
	#nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: 30px;
	  font-size: 10px;
	}
  
	#nebraska-presentation{
		max-width: 500px;
		position: fixed;
		top: -90px;
		z-index: 1000 !important;
		margin-top: 200px;
		right: 20px;
		cursor: move;
        user-select: none;
	}
  }
  
  @media screen and (min-width: 1200px) {
	#landing-deeperlife {
	  width: 188%;
	  position: relative;
	  left: -80px;
	}
  
	.landing-deeperlife {
	  width: 188%;
	  position: relative;
	  left: -115px;
	}
  
	#bible-animation {
	  width: 100%;
	}
  
	.bible-animation {
	  width: 115%; /*120*/
	  position: relative;
	  left: -85px; /*115*/
	}
  
	#deperlife-nebraska-container {
	  width: 110px;
	}
  
	.deperlife-nebraska-container {
	  width: 110px;
	  position: relative;
	  left: 80px;
	}
  
	#deeperlife-name {
	  width: 100%;
	  font-size: 20px;
	}
  
	.deperlife-name {
	  width: 100%;
	  position: relative;
	  left: 28px;
	  font-size: 20px;
	}
  
	#nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: 20px;
	  font-size: 20px;
	  color: red !important;
	}
	
	.nebraska-USA {
	  width: 100%;
	  position: relative;
	  left: 0px;
	  font-size: 20px;
	  color: red !important;
	}
  
	#nebraska-presentation{
		max-width: 500px;
		position: fixed;
		top: -90px;
		z-index: 1000 !important;
		margin-top: 200px;
		right: 20px;
		cursor: move;
        user-select: none;
	}
  }

  #gs-read-more{
	cursor: pointer;
  }
  
  .bottom-nav {
	width: inherit;
	border-left: thin solid transparent !important;
	border-right: thin solid transparent !important;
	border-bottom: thin solid rgb(48, 48, 48) !important; /*rgb(99, 98, 98)*/
	padding-top: 7px !important;
	padding-bottom: 7px !important;
  }
  
  .bottom-nav-heading {
	color: #829ba6 !important;
  }
  
  .close-space-top {
	margin-top: 0px !important;
  }
  

/*These two custom css directives fix the header drop down menu for the corporate-3 light theme mobile view*/

/* Header Nav Main Mobile - Skin */
@media (max-width: 991px) {

	#header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a {
		color: var(--light-inverse);
	}

    #header .header-nav-main nav > ul > li.dropdown-full-color.dropdown-light > a.active {
		background: var(--light) !important;
		color: var(--primary) !important;
	}
}