body {
  color: rgb(5, 5, 5);
  min-height: 30rem;
  width: 100%;
  height: 100%;
  padding-bottom: 2rem;
  /*background: url('../img/fondto1.jpeg');  */ 
  background-image: no-repeat;
  background-image: fixed;
  background-image: center;
  background-size: cover;
}


.index {
    width: 100vw;
    height: 100vh;
}

.navbar{
    background: rgb(22, 22, 22) !important;
}



.nav-link {
    color: rgb(253, 253, 253) !important;
}

.masthead {
    color: rgb(255, 255, 255);
    min-height: 30rem;
    width: 100%;
    height: 100%;
    padding-top: 8rem;
    padding-bottom: 8rem;
    background: url('../img/b12d3.jpeg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.masthead h1 {
    font-size: 4rem;
    margin: 0;
    padding: 0;
  }
  
  @media (min-width: 992px) {
    .masthead {
      height: 100vh;
    }
    .masthead h1 {
      font-size: 5.5rem;
    }
  }