styles.css

.bg-1 { 
    background-color: #1abc9c; /* Green */
    color: #ffffff;
}
}
.bg-2 { 
    background-color: #474e5d; /* Dark Blue */
    color: #ffffff;
}
.bg-3 { 
    background-color: #ffffff; /* White */
    color: #555555;
}
.container-fluid {
      height: 100%;
}
/* Set height of the grid so .sidenav can be 100% (adjust if needed) */
    .row.content {height: 1500px}
    
    /* Set gray background color and 100% height */
    .sidenav {
      background-color: #f1f1f1;
      height: 100%;
    }
    
    /* Set black background color, white text and some padding */
    footer {
      background-color: #555;
      color: white;
      padding: 15px;
    }
    
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
      .sidenav {
        height: auto;
        padding: 15px;
      }
      .row.content {height: auto;}
    }
    .jumbotron {

   margin-bottom:0;
}


#box {
    font-family: 'Playfair Display';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}
#restOfPage{
    display: none;
}
}
#fade {
    height:100vh;
    background-color: black;
}

.fill{
    width:100%;
    height:100%;
    min-height:100%;

}

html,body{
	height:100%;
	background-color: #1abc9c;
}