/******** Homepage  ********/
body {width: 100%; height: 100%;}
#page {height: 100vh; width: 100%;}
#navigation, footer {background: rgba(14,40,79,0.9);}
main {background-image: none}

/******** Homepage Slideshow ********/
#slideshow, .slideshow {
	position: absolute;
	width: 100%;
    height: 100vh;
    top: 0;
    z-index: -1;
}
section.masthead {
    position: relative;
    padding: 0;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.5);	
    height: 70vh;
}
section.masthead .container{
    position: relative;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}

.first-slide {
	background-image:url(../images/slides/ag-accounts.jpg);
}
.second-slide {
	background-image:url(../images/slides/checking.jpg);
}
.third-slide {
	background-image:url(../images/slides/mobile-banking.jpg);
}
.welcome { 
	background-image: url(../images/slides/sweet-potatoes.jpg);
}

.carousel-item {
	background-position: center; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;
	height: 500px;
	border-radius: 0;
}
.carousel-caption {
	top: 50%;
	bottom: auto;
	transform: translateY(-50%);
}
.carousel-control-prev, 
.carousel-control-next {
	background: none;
}

/******** Homepage Overrides ********/
footer {display: block; position: absolute; bottom: 0; width: 100%;}
#links, .quick-links {display: none; }

/**************** mobile ****************/

@media (max-width: 767px) {
    footer {position: relative;}
    section.masthead {height: 50vh;}

}