body {
  min-height: 2000px;
  padding-top: 50px;
}

ul { 
  padding-left: 1.2em; 
}

.nav-link {
  font-family: 'Open Sans', sans-serif;
  font-size: 10pt;
}

/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
}

.home .jumbotron {
    background-color: #E6EDEF;
    margin-bottom: 0px;
}

.about .jumbotron {
    margin-bottom: 0px;
}

.statement .jumbotron {
    background-color: #E6EDEF;
    padding-bottom: 30px;
    margin-bottom: 0px;
    padding-top: 40px;
}

.footer-image .jumbotron {
    /* background-color: #3D4041; */
    background-image: url("../img/tom4.jpg");
    background-size: cover;
    background-position: 15% 18%;
    margin-bottom: 0px;
    padding-top: 800px;
    padding-bottom:200px;
    max-width: 60%;
}

}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Featurettes
------------------------- */

.featurette-divider {
  margin: 55px 0; /* Space out the Bootstrap <hr> more */
}

.row {
    margin-bottom: 40px;
}




/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  padding-bottom: 10px;
font-size: 26px;
    }

@media (min-width:768px){.featurette-heading{font-size:30px}}

.esy-heading {
  font-weight: 300;
  line-height: 1;
  letter-spacing: -1px;
  padding-top:35px;
}

@media (min-width:768px){.esy-heading{font-size:30px}}

.top-heading {
    padding-top:5px;
    color: blue;
}

.navbar-brand {
  padding: 0px;
}
.navbar-brand>img {
  height: 100%;
  padding: 10px;
  width: auto;
}

/* Carousel customization*/

.carousel-inner {
    width: 60%;
    max-height: 800px;
}

@media(max-width:1200px){
    
 .carousel-inner {
    width: 100%;
    max-height: 800px;
}
      
}
    
.carousel-control {
    color: black;
}

.carousel-control.right {
 background-image: none;   
}

.carousel-control.left {
 background-image: none;   
}

.carousel-control:focus, .carousel-control:hover {
 color: gray;
}

.carousel-inner .item img {
   
}
.carousel-inner .item a img {
    
}

/* Footer */

footer {
    background-color: #3D4041;
    padding-top: 10px;
}

footer p {
    color: white;
}

footer a:hover {
    color: white;
    text-decoration: underline;
}

footer a {
    color: white;
    text-decoration: underline;
}

footer a:visited {
    color: white;
    text-decoration: underline;
}

.lead{margin-bottom:20px;font-size:15px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:18px}}