body, html {
    height: 100%;
    font-family: Open Sans,Arial,sans-serif;
    font-size: 16px;
  }
  
img {
    width: 100% !important;
}

.parallax {
    /* The image used */
    /* background-image: url("img_parallax.jpg"); */
      /* background-image: url(img_parallax.jpg); */
      max-height: 500px;
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      width: 90%;
      /* background: aqua; */
      margin-right: auto;
      margin-left: auto;
      margin-top: 130px;
  }
  .nav-link{
    color: #007bff !important;
    font-weight: 700;
  }
  .navbar{
    padding-left: 5%;
    padding-right: 5%;
    z-index: 10;
  }

  .s1, .s2 {
    padding: 5% 15%;
    background-color: #efefefbd;
    margin-top: 5%;;            
  }
  .s2 {
    background-color: white !important;
  }


  h2{
    font-size: 1.5rem !important;  
  }
  .h1, h1 , h2{
    font-size: 2.05rem;
    font-stretch: condensed;
    color: dodgerblue;
    color: #046fc1;
  }
/* Page content */
.content {
  padding: 16px;
}
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }

  .sticky + .content {
    padding-top: 60px;
  }

  #footer {
    background-color: #2196f3;
    padding: 40px;
    color: white;
}

#developer {
  background: black;
  background-color: #3089a9;
  color: white;
  padding: 10px;
}

#developer a {
  color: white !important;
}
.DevLogo {
  max-height: 60px;
    width: auto !important;
    margin: 0px 15px;
}