body {
  overflow: auto;
	background: url('images/page.jpg') ;
	background-position: right 55% bottom 50%;
	background-size: cover;
  background-repeat: no-repeat;
}

body.contact {
  overflow: auto;
	background: url('images/page.jpg') ;
	background-position: right 55% bottom 90%;
	background-size: cover;
  background-repeat: no-repeat;
}

.nav-link.active {
  text-decoration: underline;
}

a:hover {
  background-color: rgba(144, 144, 144, 0.25);
}

.banner {
	background: #CCC;
	background-image: url('images/beach2.jpg');
	background-position: right 50% bottom 50%;
	background-size: cover;
  background-repeat: no-repeat;
	min-height: 600px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.text {
	height: 100%;
  background: #800;
}

.home-image-1 {
	background-image: url('images/equipment.jpg');
	background-position: right 25% bottom 50%;
	background-size: cover;
	min-height: 100%;
	min-height: 400px;
  background-repeat: no-repeat;
}

.home-image-2 {
	background-image: url('images/seabright.jpg');
	background-position: right 20% bottom 50%;
	background-size: cover;
	height: 100%;
	min-height: 400px;
  background-repeat: no-repeat;
}

.contact-image-1 {
	background-image: url('images/laughing.jpg');
	background-position: right 20% bottom 50%;
	background-size: cover;
	height: 100%;
	min-height: 400px;
  background-repeat: no-repeat;
}

.about-image-1 {
	background-image: url('images/beach.jpg');
	background-position: right 20% bottom 50%;
	background-size: cover;
	height: 100%;
	min-height: 400px;
  background-repeat: no-repeat;
}

.detail-1 {
  background-color: rgba(240, 240, 240, 0.25);
	min-height: 400px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
.detail-2 {
  background-color: rgba(230, 230, 230, 0.80);
	min-height: 600px;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.fade-in-fast {
  animation: fadeIn ease 0.5s;
  -webkit-animation: fadeIn ease 0.5s;
  -moz-animation: fadeIn ease 0.5s;
  -o-animation: fadeIn ease 0.5s;
  -ms-animation: fadeIn ease 0.5s;
}
.fade-in-med {
  animation: delayIn ease 1s;
  -webkit-animation: delayIn ease 1s;
  -moz-animation: delayIn ease 1s;
  -o-animation: delayIn ease 1s;
  -ms-animation: delayIn ease 1s;
}
.fade-in-slow {
  animation: delayIn ease 2s;
  -webkit-animation: delayIn ease 2s;
  -moz-animation: delayIn ease 2s;
  -o-animation: delayIn ease 2s;
  -ms-animation: delayIn ease 2s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes delayIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes delayIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes delayIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes delayIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes delayIn {
  0% {opacity:0;}
  50% {opacity:0;}
  100% {opacity:1;}
}