/* bvsps v2 - bootstrap-4 responsive */
ul.alt {
	list-style: none;
	padding-left: 0;
	}

body {
  background-color: aliceblue;
  /* Full height */
  height: 100%;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -2;
}

/*container {
	background-color: black;
	content: "";
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.4;
}*/

hr.style2 {
	border-top: 3px double #8c8b8b;
}

/* no display on smaller screens - change from 575 to 950 because it was cropping 1500px image. need smaller image to appear  */
@media (min-width: 950px) { /* do not display on phones */
	.jumbotron {
		/*background-image: url("images/website.png");*/
		background-image: url("images/bg1500-abc.png"); 
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background: cover;
		background-color: #fff; /* take out the gray  */
	}
	@media (max-width: 1199px) { /* desktop xlarge */
		.jumbotron {
			background-image: url("images/bg1100-abc.png");
		}
	}
	@media (max-width: 991px) { /* desktop large */
		.jumbotron {
			background-image: url("images/bg900-abc.png");
		}
	}
	@media (max-width: 767px) { /* desktop small */
		.jumbotron {
			background-image: url("images/bg700-abc.png");
		}
	}
	@media (max-width: 576px) { /* tablets */
		.jumbotron {
			background-image: url("images/bg576-abc.png");
		}
	}
}

p.copyright {
	white-space: nowrap;
	line-height: 1.4em;
	font-weight: 600;
	font-size: .9em;
	font-style: italic;
	
}
a.color {
	font-weight: 600;
}
p>a {
	/*font-style: normal;*/
	color:darkblue;
}
td>a {
	/*font-style: normal;*/
	color:darkblue;
}

footer {
	background-image: url("images/ocean.gif");
	text-align: center;
}

@media (min-width: 550px) {
	#footer {
		background-image: url("images/footer900.png");
		background-repeat: no-repeat;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}
}
 @media (max-width: 550px) {
     .big-container {
         display: none;
     }
 }

/* don't use "lead" text on small screen */
 @media (max-width: 550px) {
     .lead {
         font-size: 16px;
		 font-weight: normal;
     }
 }
 @media (min-width: 550px) {
     .small-container {
         display: none;
     }
 }
.calendar-container {
    position: relative;
    padding-bottom: 75% !important;
    height: 0;
    overflow: hidden;
}
.calendar-container iframe {
    position: absolute;
    top:0;
    left: 0;
    max-width: 100%;
    height: 100%;
}
.dropdown:hover .dropdown-menu{
  display:block;
}
@media only screen and (min-width: 768px) {
  .dropdown:hover .dropdown-menu{
     display:block;
  }
}

hr.style18:before { 
  display: block; 
  content: ""; 
  height: 30px; 
  margin-top: -31px; 
  border-style: solid; 
  border-color: #8c8b8b; 
  border-width: 0 0 1px 0; 
  border-radius: 20px; 
}
hr.style9 {
	border-top: 1px dashed #8c8b8b;
	border-bottom: 1px dashed #fff;
}