html {
  position: relative;
  min-height: 100%;
  padding-bottom:120px;


}

#mediaphoto{
width: 100%;
height: 100%;
border: none;
min-height: 500px;
max-height: 900px;
display: inline-flex;
overflow-y: scroll;

}

#logo {
    position: absolute;
    height: 100px;
    top: 0px;
    margin-right: 40px;
    overflow-x: auto;
    z-index: 20;
    overflow: visible;
}


#logo:hover {
  box-shadow: 0px 0px 20px #fff;
}

.bg-jh {
    /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#94c280+0,94c280+59,4c9c2e+100 */
background: #94c280; /* Old browsers */
background: -moz-linear-gradient(left, #0971ce 0%, #94c280 59%, #4c9c2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0971ce 0%,#94c280 59%,#4c9c2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0971ce 0%,#94c280 59%,#4c9c2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

.socialicon {
position:relative;
top:5px;
margin-bottom:-20px;

}
.socialicon:hover {
box-shadow:0px 0px 10px #fff;

}

.hrb {
height:2px !important;
background: #94c280; /* Old browsers */
background: -moz-linear-gradient(left, #0971ce 0%, #94c280 59%, #4c9c2e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0971ce 0%,#94c280 59%,#4c9c2e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0971ce 0%,#94c280 59%,#4c9c2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

}

dd > h3{

background: -webkit-linear-gradient(left, #0971ce 0%,#94c280 59%,#4c9c2e 100%); /* Chrome10-25,Safari5.1-6 */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font: {
		size: 20vw;
		family: $font;
	};
color:#2a84bd;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
	haight:auto;
   min-height: 100px;
  line-height: 20px; /* Vertically center the text there */
background-image: url(//www.jaredhuffman.com/wave.jpg);
background-position:bottom;
background-repeat: no-repeat;
    font-size: .9em;
    color: #fff;
padding-top:20px;
}


 .footer_link{
  color: #fff important;
}

.paidfor{
    margin-left: auto;
    margin-right: auto;
    color:#fff;
    font-size:.7em;
    border: solid 1px;
    width:300px;
    text-align: center;
    
}


.carousel-caption > a > h1{
color:#fff;
	text-shadow:0px 0px 10px #000;
text-decoration:none;
}
.carousel-caption > a > p{
	color:#fff;
	text-shadow:0px 0px 10px #000;
    text-shadow:0px 0px 5px #000;
text-decoration:none;
}


.carousel-caption:hover > a > h1{
color:#eee;
	text-shadow:0px 0px 10px #000;
text-decoration:!important;
}
.carousel-caption:hover > a > p{
	color:#eee;
	text-shadow:0px 0px 10px #000;
    text-shadow:0px 0px 5px #000;
text-decoration:none !important;
}




.navspace{
	margin-left:5px;
	margin-right:5px;
}
.navbar .container {
    text-align: center;
}

.navbar-jh .navbar-brand {
    color: #fff;
}

.navbar-jh .navbar-brand:hover,
.navbar-jh .navbar-brand:focus {
    color: #fff;
}

.navbar-jh .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .9);
}

.navbar-jh .navbar-nav .nav-link:hover,
.navbar-jh .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, 0.9);
    text-shadow: 0px 0px 5px #0971ce;
}
.navbar-jh .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, 0.25);
}

.navbar-jh .navbar-nav .show > .nav-link,
.navbar-jh .navbar-nav .active > .nav-link,
.navbar-jh .navbar-nav .nav-link.show,
.navbar-jh .navbar-nav .nav-link.active {
    color: #fff;
}

.navbar-jh .navbar-toggler {
    color: rgba(255, 255, 255, 0.5);
    border-color: rgba(255, 255, 255, 0.8);
    border-radius: 0px;
}

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

.navbar-jh .navbar-text {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-jh .navbar-text a {
    color: #fff;
}

.navbar-jh .navbar-text a:hover,
.navbar-jh .navbar-text a:focus {
    color: #fff;
}



.green_gradient {
    background: #4c9c2e;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #94c280, #4c9c2e);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #94c280, #4c9c2e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}







#myCarousel{
	background-image:url('//www.jaredhuffman.com/slidebg_1.jpg');
	background-position:center; 
	background-size:cover;
	height: 380px;
}



#about{
	position: relative;
	background-image:url('//www.jaredhuffman.com/slidebg_2.jpg');
	background-position: center no-repeat; 
	background-size:cover;
	height:200px;
	padding-top:60px;
	margin-bottom:30px;
	color:#fff

}

#events {
	position: relative;
	background-image:url('//www.jaredhuffman.com/slidebg_5.jpg');
	background-position: center no-repeat; 
	background-size:cover;
	height:200px;
	padding-top:60px;
	margin-bottom:30px;
	color:#fff

}


#get{
	position: relative;
	background-image:url('//www.jaredhuffman.com/slidebg5.jpg');
	background-position: center no-repeat; 
	background-size:cover;
	height:200px;
	padding-top:60px;
	margin-bottom:30px;
	color:#fff

}
#media{
	position: relative;
	background-image:url('//www.jaredhuffman.com/slidebg_3.jpg');
	background-position: center no-repeat; 
	background-size:cover;
	height:200px;
	padding-top:60px;
	margin-bottom:30px;
	color:#fff

}


#contact{
	position: relative;
	background-image:url('//www.jaredhuffman.com/slidebg_4.jpg');
	background-position: center no-repeat; 
	background-size:cover;
	height:200px;
	padding-top:60px;
	margin-bottom:30px;
	color:#fff

}


.text_shadow{
	color:#fff;
	text-shadow:0px 1px 10px #000;
    text-shadow:1px 0px 5px #555;
}






@media (min-width:40em) and (max-width:61.9375em)
 { 
#logo { position: absolute; height: 80px; top: 0px; overflow-x: auto; z-index: 20; overflow: visible; margin-left: -14px; } 

.navbar-nav .nav-link{
    color: #fff;
	font-size:14px;
}

#myCarousel{
		background-image:url('//www.jaredhuffman.com/slidebg_1.jpg');
		background-position:center; 
		background-size:cover;
		height:600px;
	}

carousel-item > img {
  position: relative;
  top: 60px;
  left:10px;
  min-width: 420px;
  max-width:500px;
  width:auto;
  height:auto;

}
.carousel-caption {
 font-size:.9em;
  position: relative;
  top:100px;
  left:10%;
  right:10%;
   width:auto; 
  z-index: 10;
  
}



}




@media (max-width:39.9375em) {
    #navspacer {
        width: 200px;
        height: 80px;
    }
	
	#myCarousel{
		background-image:url('//www.jaredhuffman.com/slidebg_1.jpg');
		background-position:center; 
		background-size:cover;
		height:600px;
	}
	
.bg-jh {
    background: #4c9c2e;  /* fallback for old browsers */
 
}
.carousel-item > img {
  position: relative;
  top: 60px;
  left:-10%;
  right:20%;
  width:auto;
  height:auto;

}
.carousel-caption {
 font-size:.8em;
  position: relative;
  top:60px;
    left:1%;
   right:20%;
   width:auto; 
  z-index: 10;
  
}

.carousel-control-prev, .carousel-control-next{

display:none;
}



	
}




@media (min-width:40em and max-width:70em) {
    #navspacer {
        width: 200px;
    }
    
   
.bg-jh {
    background: #4c9c2e;  /* fallback for old browsers */
 
}

    .socialicon {
padding-left: 5px

    }
    
 .btn{
margin-left: 5px;
padding: 0.2rem 0.2rem !important;
line-height: 1.5rem;   
   
        
    }   

carousel-item > img {
  position: relative;
  top: 60px;
  left:10%;
  min-width: 420px;
  max-width:500px;
  width:auto;
  height:auto;

}
.carousel-caption {
 font-size:.9em;
  position: relative;
  top:100px;
  left:-10%;
   width:auto; 
  z-index: 10;
  
}
    



}