body { 
	text-align: center; 
	color: white; 
	
	background: linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,.3) 100%), url(bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;		
}

main .logo { width: 150px; background-color: white; border-radius: 20px; opacity: 0.7; }
main h1 { text-shadow: 2px 2px #000; }

.carousel { background-color: rgba(245,245,245,.6); color: midnightblue; }

/* Sticky footer styles ----------------------- START -- */ 
html { position: relative; min-height: 100%; }
body { margin-bottom: 60px; }
.footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	/* line-height: 60px;
	/* background-color: rgba(245,245,245,.5);*/
}
/* Sticky footer styles ------------------------- END -- */ 

@media (max-width:767px) { 
	h1 { font-size: 1.5rem; } .carousel { min-height: 180px; } 
}