/*
 * Globals
 */


/*
 * Base structure
 */
 html{
  scroll-behavior:smooth;
}

.cover-container {
  max-width: 42em;
}

	/* Links */
a,
a:focus {
  color: #17a2b8;
}

a:hover {
  color: #0f6674;
}

/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
  background: rgb(255,254,249);
	background: -moz-linear-gradient(top,  rgba(255,254,249,1) 0%, rgba(0,180,180,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,254,249,1)), color-stop(100%,rgba(0,180,180,1)));
	background: -webkit-linear-gradient(top,  rgba(255,254,249,1) 0%,rgba(0,180,180,0) 100%);
	background: -o-linear-gradient(top,  rgba(255,254,249,1) 0%,rgba(0,180,180,1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,254,249,1) 0%,rgba(0,180,180,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,254,249,1) 0%,rgba(0,180,180,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffef9', endColorstr='00b4b4',GradientType=0 );
}

.masthead-brand {
  margin-bottom: 0;
	}

.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  color: #fff;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .dropdown-item {
  font-weight: 700;
  color: #00b4b4;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .dropdown-item:hover,
.nav-masthead .dropdown-item:focus {
  border-bottom-color: #00b4b4;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: #fff;
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #cb0000;
  border-bottom-color: #cb0000;
}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
    margin-left: 1rem;
  }
  .nav-masthead {
    float: right;
    margin-right: 1rem;
  }
}

/*
 * Cover
 */

/* Header Parallax Element Style*/ 
.paral {
min-height: 600px;
background-attachment: fixed;
background-size: cover;
background-position: 50% 50%;
}

/* Heading for Parallax Section */ 
.paral h5 {
color: rgba(255, 255, 255, 255);
font-weight: 700;
}

/* Image for Parallax Section */ 
.paralsec {
background-image: url(/img/background1.jpg);
}
 
.paralsec1 {
background-image: url("https://img.webnots.com/2017/05/parallax1.jpg");}
 
.paralsec2 {
background-image: url("https://img.webnots.com/2015/11/parallax2.jpg");
}
 
/* Add more images for more sections */

/* Remove Bottom Margin from Jumbotron */
.jumbotron{margin-bottom: 0;}


/*
 * Footer
 */