@import "../node_modules/bootstrap/scss/bootstrap";


.col {text-align:center;}

.centered {text-align:center;}

#indexwrapper {}

.turquoise {
	z-index:10; 
	background:#029ea1;
	 position: relative;
	 -webkit-filter: drop-shadow(5px 5px 5px #222);
  	filter: drop-shadow(5px 5px 5px #222);
}

#toprow {padding:1rem 0 1rem 0; position: relative; z-index:150; }

.sitebox {max-height:450px; margin-top:2rem;}

p {
	color:#fff; 
	font-weight:600; 
	font-size:1rem; 
	padding:0rem 1.5rem 0rem 1.5rem;
}

a.whitelink {color: #fff; text-decoration:underline;}

.pagecontents {
background-image:url(../images/background.png);
background-repeat:repeat;  
min-height:80vh;
}

#nose {
	max-height: inherit;  
	-webkit-filter: drop-shadow(5px 5px 5px #222);
  filter: drop-shadow(5px 5px 5px #222);
}

#ljplogo {height:100%; max-height:200px; padding:.125rem;}

#copyright {
	background:#7a5fa0; 
	z-index:-999; 
	min-height:50px; 
	-webkit-box-shadow: 0px -4px 15px -1px #222; 
	box-shadow: 0px -4px 15px -1px #222;
position: relative;
  }

/* Larger than desktop, show the nose and stick the copyright bar to the bottom of the screen  */
@media (min-width: 1081px) {
.boxes {flex-wrap:nowrap;}
}


@media (max-width: 1080px) {
#ljplogo {padding-bottom:1rem;}

}