.workout-body{
  background-color: #7AA5D2;
}
  /********************** Top-Container Div***********************/
  
  .workout-top-container{
    position: relative;
    background-color: #FFE169;
    padding: 4% 4%;
    overflow: show;
  }

  .workout-banner{
     position: relative;
     width: 100%;
     height: auto;
     text-align: center;
  }
  
  .exercise-dog{
    position: absolute;
    width: 22%;
    height: auto;
    right:4%;
    top: 2%;
    z-index: 10;
  }
  
  .workout-logo{
    width: 60%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
  }
  
  /********************** Button Container ***********************/

  .workout-item-container{
    background-color: #FFCD69;
    position: relative;
    text-align: center;
    padding: 10px;
  }

  .workout-button-container{
    margin-left:auto;
    margin-right:auto;
    padding: 10px 25px;
  }

  .workout-button{
    display: inline-block;
    padding: 20px;
  }

  .workout-button:hover,
  .workout-button:focus{
    background-color: greenyellow;
  }

  .workout-img{
    width: 90px;
    height: auto;
  }


  .workout-item-container h2{
    padding: 10px 0;
    color: #FF7213;
  }

  /********************** workout slider Div***********************/

.workout-type-slider{
  position: relative;
  background-color: #ffb41d;
  width: 100%;
  height: auto;
  text-align: center;
}

.workout-type-container{
  display: inline-block;
}

.workout-type{
  width: 15%;
  height: auto;
  min-width: 140px;
  margin: 0 .5rem 1rem;
}

.workout-length-heading{
  padding: 1rem 0 .5rem;
  color: #FF7213;
}

  /********************** middle-Container Div***********************/

  .middle-workout-container{
      position: relative;
      background-color: #6987FF;
      width: 100%;
      height: auto;
      padding: 16px;
  }

  .middle-workout-bkg{
      width: 100%;
      height: auto;
  }

    /********************** Workout Tips Div***********************/

    .workout-tips-container{
      position: relative;
    }

    .tips-bkg{
      width: 100%;
      height: auto;
    }

    .tips-heading{
      position: absolute;
      color: #FF7213;
      top: 6%;
      text-align: center;
      width: 100%;
      font-size: 2.5rem;;
    }

    .doctor-img{
      position: absolute;
      width: 22%;
      height: auto;
      bottom: 0;
      right: 4%;
    }

    .tips-img{
      position: absolute;
      width: 70%;
      height: auto;
      bottom: 4%;
      left: 4%;
    }