html, body {
    height: 100%;
    width: 100%;
  }
  body {
      padding: 0;
      margin: 0;
      font-size: 1em;
      font-family: Verdana, Geneva, Tahoma, sans-serif;
      
  }

 
  /* body {
    font-size: 1.2em;
    line-height: 1.6;
  } */
 /* .nav-link {
     font-family: 'Roboto Condensed';
 } */

 #header{
    background:#333333;
    color:#ffffff;
    padding-bottom: 10px;
    margin-top: 100px;
    margin-bottom: 15px;
  }
  
  #header .create{
    padding-top: 20px;
  }

.bg-img {
    /* position: absolute; */
    background-color: #333;
    background-image: url('/imgs/section1-back.jpg');
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 400px;
    opacity: .4;
}

/* https://stackoverflow.com/questions/36389481/how-to-darken-the-background-image-in-css/36389591
*/
 .site-content {
     min-height: 400px;
     background-color: #333333;
     /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
            url('/imgs/section1-back.jpg'); */
    background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)), 
                    url('/imgs/section1-back.jpg');
    background-attachment: fixed;
     background-position: center center;
     background-size: cover;
     /* background-repeat: no-repeat; */
     /* padding: 10em 2em; */
     padding-top:100px;
     /* padding: 15em; */
     
 }
 .site-title, .site-desc {
     color: white;
 }
 /* .site-title {
    
 } */
  img.row-image {
    width: 100%;
  }
  .padding {
    padding: 6em 0;
  }
  /* html { font-size:18px; } */
  .hidden {
    display: none;
  }

  .alert ul {
    margin-bottom: 0;
  }

  #main-nav {
    background-color: #000000 !important;
  }
  #user-nav {
    /* Override built-in bootswatch color scheme for nav bar */
    background-color:#3498DB !important;
  }

  /* .col,.col-md,.col-sm, .col-lg {
      border: 1px solid purple;

  } */

/*
  .std-narrow {
    /* width: 90%;
    max-width: 500px; */
    /* margin: 2em auto; */
 /* } 
  */