html, body {
    height: 100%;
    background:#e0e0e0;
}

body {
    background:#e0e0e0;
}

.bg {
    background-image: url("images/banner.png");
    height: 50%; 
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.affix {
    top:0;
    width: 100%;
    z-index: 9999;
}

nav {
    margin: 0%;
}

.navbar {
    margin-bottom: 0px;
    background:#e0e0e0;
}

.affix ~ .container-fluid {
   position: relative;
   top: 50px;
   background:#e0e0e0;
}

#section1 {
    padding-top:50px;
    color: black; 
    background-color: #e0e0e0;
    text-align: center;
}

#section2 {
    padding-top:50px;
    color: #fff; 
    background-color: #484848;
    text-align: center;
    padding-bottom: 25px;
}

.carousel-inner img {
    margin: auto;
  }

#section3 {
    padding-top:50px;
    color: black; 
    background-color: #e0e0e0;
    padding-bottom: 25px;
}

#table {
    float: left;
    width: 50%;
    font-size: 20px;
}

#table table{
    width: 100%;
}


.stretch-left {
    margin-left: calc((100vw - 1170px) / -2);
}

#footer {
    padding: 1%;
    padding-bottom: 0%;
    color: rgb(221, 221, 221); 
    background-color: #1b1b1b;
    text-align: center;
}


#footer img {
    width: 32px;
    height: 32px;
    margin: 2px;
}