@charset "UTF-8";

html {
  scroll-behavior: smooth;
}

nav {
  background-color:rgba(230,230,230,0.85);
}

.navbar-brand {
  padding: 0.5rem 1rem;
}

nav.navbar .navbar-nav {
  padding-right: 1rem;
}

nav.navbar button.navbar-toggler {
  color:rgb(32,114,185);
}

nav.navbar .navbar-nav a.nav-item {
  color:rgb(32,114,185);
  font-size: 1.3rem;
}
nav.navbar .navbar-nav a.nav-item:hover {
  color:rgb(11,11,11); 
}

section {
   width: 100%;
   min-height: 100vh;
 }

section#top {
  background:linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url("../images/pollution.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 3rem 0;
}

#opener {
  margin-top: 20vh;
}

section#feature {
  background-color: rgb(32,114,185);
}

section#feature .container {
  background-color: #fff;
  min-height:100vh;
}

.feature {
  padding: 0 2rem;
}

section#contact {
  background: linear-gradient(180deg,  rgba(0, 0, 0, 0.1) 60%, rgba(32,114,185,1) ), 
  url("../images/ocean.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding:3rem 0;  
}

.cover-text {
  background-color: rgba(250,250,250,0.70);
}

section h2, h3, h4, h5 {
  color: #1D71B8;
}

section h1 {
  text-shadow: 3px 4px 3px rgba(0,0,0,0.4);
}

footer {
  background-color: rgb(32,114,185);
  color: #fff;
  padding:2rem 0 1rem
}

footer a {
  cursor: pointer;
}

.cm {
  color: #1D71B8;
}