/* body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  } */

  html { 
    background: url("../images/1fa94b55757637f71c0f932d1f55101f.jpg") no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
 

  /* body {
    background-image: url("../images/1fa94b55757637f71c0f932d1f55101f.jpg");
    background-repeat: no-repeat;
    background-size: 100%

  } */


  .parallax { 
      /* The image used */
      /* background-image: url("../images/1fa94b55757637f71c0f932d1f55101f.jpg"); */
      background-color: #e8eaf6;

      /* Set a specific height */
      height: 500px; 
  
      /* Create the parallax scrolling effect */
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
  }

.app-row {
  height: 350px;
}

.card {
  height: 300px;
}
  /* .parallax-container {
    height: "auto";
  } */
     
  .card-panel{
    height: 100%;
  }

  .card-image, img{
    height: 200px;
    
    
  }

  /* .opaque {
    opacity: 0.8;
  } */