body {

    background-image: url('b1-2020-bg.jpg');
    background-size: cover;
    background-position: top center;
    background-attachment: fixed;
  }

  .card-series {
    max-width: 800px;
    margin-top: 200px;

    margin: auto;
    padding-top: 20px !important;
    background: transparent !important;


    background-repeat: repeat-y;
    background-position: top ;
    background-size: 100%;

  }

  .card, .routine-card{
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30)!important;
  }

  main > .container {
    min-height: 100vh;
    min-height: calc(100vh - 7rem);
    background-color: #f7f7f9;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.30)!important;
  }

  .container-header{
    background-image: url('b1-2020-logo.png');
    background-position: left;
    background-size: auto 100%;
    background-repeat: no-repeat;

  }

  .getting-started-logo{
    height: 90px;
    position: absolute;
    top: 1em;
    left: 1em;
    width: calc(100% - 2em);

    background-image: url('b1-2020-logo.png');
    background-position: left;
    background-size: auto 100%;
    background-repeat: no-repeat;

  }
  .getting-started-logo-right{
    height: 90px;
    position: absolute;
    top: 1em;
    left: 1em;
    width: calc(100% - 2em);

    background-image: url('b1-2020-logo.png');
    background-position: right;
    background-size: auto 100%;
    background-repeat: no-repeat;

  }

  .ham-menu > div{
	background-color: #EEE;
  }
  .ham-menu-close > div{
	background-color: #666;
  }