@charset "UTF-8";
/* CSS Document */

.bg-light {
background-color: rgba(255,255,255,1.00)!important;
}

.navtype {
font-family: 'Roboto Slab', serif;
font-weight: 300;
font-style: normal;
}

.navbar-brand{ font-family: Oswald, sans-serif;
font-weight: 300;
font-style: normal;
	
}



@media (max-width: 3000px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
    margin-left: 9rem!important;

	
}}


@media (max-width: 1390px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
    margin-left: 5rem!important;

	
}}

@media (max-width: 1134px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
    margin-left: 4rem!important;
	
	
}}


@media (max-width: 1068px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
    margin-left: 2.5rem!important;
	
	
}}

@media (max-width: 992px){
.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .3rem;
    padding-left: .3rem;
    margin-left: 0px!important;
	margin-top: -2px!important;
	
}}

.mainbanner {background: url(../images/boatblue.jpg) no-repeat scroll center center / cover;
	height:75vh;
	padding-top: 120px;
}

@media screen and (max-width: 540px){
	.mainbanner{
	
		height: 50vh;
		
	}	
	}

.ratesbanner {background: url(../images/rods.jpg) no-repeat scroll center center / cover;
	height:50vh;
	margin-bottom: 20px;
	padding-top: 90px;
	
}

@media screen and (max-width: 767px){
	.ratesbanner{
	
		height: 45vh;
		
	}	
	}

@media screen and (max-width: 540px){
	.ratesbanner{
	
		height: 30vh;
		
	}	
	}

.gallerybanner {background: url(../images/rope.jpg) no-repeat scroll center center / cover;
	height: 50vh;
	margin-bottom: 20px;
	padding-top: 90px;
	
}

@media screen and (max-width: 767px){
	.gallerybanner{
	
		height: 45vh;
		
	}	
	}

@media screen and (max-width: 540px){
	.gallerybanner{
	
		height: 30vh;
		
	}	
	}

.aboutbanner {background: url(../images/waves.jpg) no-repeat scroll center center / cover;
	height:50vh;
	
	padding-top: 90px;
	
}

@media screen and (max-width: 767px){
	.aboutbanner{
	
		height: 45vh;
		
	}	
	}

@media screen and (max-width: 540px){
	.aboutbanner{
	
		height: 30vh;
		
	}	
	}

.bigbuttontext{font-family: Oswald, sans-serif;

font-weight: 400;


font-style: normal;
	color: rgba(255,255,255,1.00);
	text-align: center;
	font-size: 40px;
	text-decoration: none;
}

.headghost-button-thick-border {
  display: inline-block;
  width: 400px;
  padding: 8px;
  color: #fff;
  border: 3px solid #fff;
  text-align: center;
  outline: none;
  text-decoration: none!important;
  transition: background-color 0.2s ease-out,
              color 0.2s ease-out;
}
.headghost-button-thick-border:hover,
.headghost-button-thick-border:active {
  background-color: #fff;
  color: #000;
  transition: background-color 0.3s ease-in,
              color 0.3s ease-in;
}

@media screen and (max-width: 540px){
	.bigbuttontext{
	
		font-size: 20px;
		
	}	
	}

@media screen and (max-width: 540px){
	.headghost-button-thick-border{
	
		width: 200px;
		
	}	
	}

h1.display-4{font-family: Oswald, sans-serif;

font-weight: 400;
font-size: 70px;
font-style: normal;
color: rgba(255,255,255,1.00);
text-align: center;
padding-bottom: 10px;
}

@media screen and (max-width: 1199px){
	h1.display-4{
	
		font-size: 67px;
		margin-top: -20px;
		
	}	
	}

@media screen and (max-width: 991px){
	h1.display-4{
	
		font-size: 50px;
		margin-top: -20px;
		
		
	}	
	}


@media screen and (max-width: 767px){
	h1.display-4{
	
		font-size: 60px;
		margin-top: -20px;
		
	}	
	}

@media screen and (max-width: 540px){
	h1.display-4{
	
		font-size: 33px;
		margin-top: -70px;
		
	}	
	}

@media screen and (max-width: 520px){
	h1.display-4{
	
		font-size: 25px;
		margin-top: -65px;
		
	}	
	}




h1.display-4-1{font-family: sansserifbldflfregular, sans-serif;

font-weight: 400;
font-size: 85px;
font-style: normal;
color: rgba(255,255,255,1.00);
text-align: center;
}


@media screen and (max-width: 540px){
	h1.display-4-1{
	
		font-size: 35px;
		margin-top: -70px;
		
	}	
	}


p.head{font-family: 'Poppins', sans-serif;
font-weight: 400;
font-style: normal;
font-size: 22px;
color: white;
text-align: center;
}

@media screen and (max-width: 1200px){
	p.head{
	
		font-size: 18px;
	
		
	}	
	}

@media screen and (max-width: 991px){
	p.head{
	
		font-size: 17px;
	
		
	}	
	}

@media screen and (max-width: 767px){
	p.head{
	
		font-size: 15px;
	
		
	}	
	}

@media screen and (max-width: 540px){
	p.head{
	
		font-size: 12px;
	
		
	}	
	}

h1.header{font-family: 'Oswald', sans-serif;
font-weight: 700;
font-style: normal;
color: #1c3a57;
padding-bottom: 10px;
font-size: 50px;
margin-bottom: 30px;
}

@media screen and (max-width: 540px){
	h1.header{
		text-align: center !important;
		margin-left: 0em;
		font-size: 30px;
		
	}	
	}

h1{font-family: 'Oswald', sans-serif;
font-weight: 70;
font-style: normal;
color: #1c3a57;
padding-bottom: 10px;
}

@media screen and (max-width: 767px){
	h1{
		text-align: center !important;
		margin-left: 0em;
		font-size: 30px;
		padding-top: 20px;
	}	
	}

@media screen and (max-width: 540px){
	h1{
		text-align: center !important;
		margin-left: 0em;
		font-size: 30px;
		padding-top: 20px;
	}	
	}

p.roboto{font-family: 'Roboto', sans-serif;
font-weight: 450;
font-style: normal;
color: rgba(31,31,31,1.00);
}

@media screen and (max-width: 991px){
	p.roboto{
		font-size: 13px;
		
	}	
	}

@media screen and (max-width: 767px){
	p.roboto{
		text-align: center !important;
		margin-left: 0em;
		font-size: 13px;
		padding-left: 0em!important;
	}	
	}

@media screen and (max-width: 540px){
	p.roboto{
		text-align: center !important;
		margin-left: 0em;
		font-size: 10px;
		padding-left: 0em!important;
	}	
	}




.paddingleft{
	padding-left: 4em;
}


.paddingright{
	padding-right: 4em;}
@media screen and (max-width: 767px){
.paddingright{
		padding-right: 0em !important;

	}	
	}

.right{text-align: right;}
@media screen and (max-width: 767px){
.right{
		text-align: center !important;

	}	
	}

.left{text-align: left;}
@media screen and (max-width: 767px){
.left{
		text-align: center !important;

	}	
	}

.leftshrink{text-align: left;}
@media screen and (max-width: 767px){
.leftshrink{
		text-align: left !important;

	}	
	}

.center{text-align: center;}

.btn-secondary {
    color: #fff;
    background-color: #1c3a57;
	border-color: #1c3a57;}


.responsive {
  width: 100%;
  height: 350px !important;
	object-fit: cover;
}


	



.imagetwo{
	background:url(../images/family.jpg)no-repeat scroll center center /cover;
	height: 350px;}

.imagethree{
	background:url(../images/fishboy.jpg)no-repeat scroll center center /cover;
	height: 410px;}

.imagefour{
	background:url(../images/snyder.jpg)no-repeat scroll center center /cover;
	height: 350px;}

.imagefive{
	background:url(../images/directions.jpg)no-repeat scroll center center /cover;
	height: 350px;}

.imagesix{
	background:url(../images/sunset.jpg)no-repeat scroll center center /cover;
	height: 350px;}

.imageseven{
	background:url(../images/wheel.jpg)no-repeat scroll center center /cover;
	height: 350px;}

.socials{
	margin:15px;
}

.socialrow{text-align: center!important;}
.socialrow a:link {
	color: #FFFFFF;}

.socialrow a:visited {
	color: #FFFFFF;} 

.socialrow a:hover {
	color: #EDEDED;} 

.icons {text-align: center;}

.footer{background: #1c3a57;;font-family: montserrat, sans-serif;
	font-weight: 400;

font-style: normal;
	
	text-align: left;
	color: rgba(255,255,255,1.00);
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer-copyright{text-align: center!important;
font-size: 12px;}

a.flinks{
    color: #FFFFFF!important;
    text-decoration: none!important;
	 background-color: transparent;
}

a.flinks:hover {
    color: #EDEDED!important;
    text-decoration: none!important;
}



.ratesfont{font-size: 40px; 
		   padding-top: 140px;}

@media screen and (max-width: 991px){
.ratesfont{
		font-size: 30px;
		
	}	
	}

@media screen and (max-width: 767px){
.ratesfont{
		
		padding-top: 10px!important;
	}	
	}


.numbersfont{font-size: 20px; }

@media screen and (max-width: 991px){
.numbersfont{
		font-size: 16px;

	}	
	}

.paddingleftone{padding-left: 1.5em;}

@media screen and (max-width: 767px){
.paddingleftone{
		padding-left: 0em!important;

	}	
	}

.paddingtop{padding-top: 70px;}
@media screen and (max-width: 767px){
.paddingtop{
		padding-top: 0em!important;

	}	
	}


.small{height:200px;
width:220px;
}

.marginbottom {margin-bottom: 30px;}

.margintop {margin-top: 30px;}