@charset "utf-8";
body, html {
	height: 100%;
}
.bg {

	background-image: url("https://www.vanceoutdoors.com/images/boat-and-fishing-show-bg.jpg");

	height: 100%;
 
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.padding-b-0 {
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.header-white {
	font-size: 30px;
	color: #ffffff;
	text-transform: uppercase;
}
.header-gray {
	font-size: 45px;
	color: #666666;
	text-transform: uppercase;
	font-weight: bold;
}
.date {
	font-weight: bolder;
	color: #ffffff;
	font-size: 80px;
	text-transform: uppercase;
}
.drop-shadow {
	text-shadow: 1px 1px #444444;
}
.bg-black {
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
}
.bg-black h2 {
	font-weight: bolder;
}
.opacity {
	opacity: .7;
}
.padding-v-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
.padding-h-10{
		padding-left:10px;
		padding-right:10px;
	}
.padding-b-50 {
	padding-bottom: 100px;
}
	.padding-b-10{
		padding-bottom:10px;
	}
.link {
	font-size: 30px;
	font-weight: bolder;
}
.date a:hover {
	text-decoration: none;
}
.white {
	color: #ffffff;
}
.white p {
	font-size: 25px;
	}
	.white-background{
		background-color:#ffffff;
	}
.small {font-size: 16px !important;}
#prostaff p {
	font-size: 20px;
}
#seminars p {
	font-size: 20px;
}
#prostaff h2 {
	font-size: 75px
}
#seminars h2 {
	font-size: 65px
}
#deals h2 {
	font-size: 75px
}
#deals p {
	font-size: 25px;
	font-weight: bolder;
}
.bg-image{
  background-image:url("https://www.whoi.edu/wp-content/uploads/2021/03/graphics-SVC-cl_20140325185050.jpg");
  min-height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
#logo{
  padding-right:25%;
  padding-left:25%;
}
.pro-staff-img{
  align:center;
}
#ps-img{
		  -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
  box-shadow: -3px -3px 10px 8px rgba(0,0,0,0.35);
		border-radius:30px;
		margin-left:10px;
		margin-right:10px;
	}
#ps-schedule{
		  -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
  box-shadow: -3px -3px 10px 8px rgba(0,0,0,0.35);
		border-radius:30px;
		margin-left:10px;
		margin-right:10px;
	margin-top:20px;
	padding-bottom:25px;

	}
#prostaff h3 {
	font-size: 25px;
	font-weight: bolder;
}
#seminars h3 {
	font-size: 25px;
	font-weight: bolder;
	}
.text-center{
  text-align:center;
}
.l-blue{
  background-color:#25aae1;
  color:#ffffff;
}
.d-gray{
  background-color:#414142;
  color:#ffffff;
}
.l-gray{
  background-color:#e7e7e8;
  color:#414142;
}
.d-blue{
		background-color:#2c588e;
		color:#ffffff;
	}
.border-b{
  border-bottom: 1px solid black;
}
#deals{
  font-size: 20px;
	margin-bottom: 20px;
	margin-top: 20px;
			  -webkit-box-shadow: -2px -1px 15px 7px rgba(0,0,0,0.5);
  -moz-box-shadow: -3px -2px 30px 14px rgba(0,0,0,0.425);
  box-shadow: -2px -3px 10px 8px rgba(0,0,0,0.35);
		border-radius:30px;
		margin-left:10px;
		margin-right:10px;
	padding-bottom:10px;
}
.margin-10p{
  margin:10px;
}
.margin-b-10{
		margin-bottom:10px;
	}
.huge-font{
  font-size: 75px;
}
#deals .top-box{
  padding-top:20px;
  font-size:30px;
  height:100px;
}
#deals .bottom-box{
  padding-top:20px;
  font-size:30px;
  height:100px;
}
.photo{
	border-radius:75px;
		
}
.larger-text{
  font-size:20px;
}
.r-border-desktop{
		border-top-right-radius: 27px;
	}
.l-border{
		border-top-left-radius: 27px;
	}
@media (max-width: 768px) {
.date {
	font-size: 28px;
}
.border-b {
	border-bottom: 1px solid #f5f5f5;
}
.white p {
	font-size: 15px;
}
}

@media(min-width:992px) {
.padding-t-50 {
	padding-top: 50px;
}


}
@media(max-width:992px){
		.r-border-desktop{
			border-top-right-radius:0px;
	}
.r-border-mobile{
			border-top-right-radius:27px;
		}
	}

@media(max-width:700px){
	#info h2{
		visibility: hidden;
	}
	#info p{
		display:none;
	}


}

