html {
    width: 80%;

    min-height: 100%;
    margin: 0 auto;
    color:white;

    font-size: 20px;
    background-color:#111111;

}
body {
    text-align: center;

    min-height: 100%;
    line-height: 1.75;
    background-color:grey;

}
.card-body{
  color:white;
  text-align:left;
}
.work-links{
  text-align: center;
  margin-left:auto;
  margin-right:auto;
}

.workterm-link{
  width:45%;
  height:50%;

  position: relative;
  display: inline-block;
}

.workterm-link img{
  filter: blur(1px);
  width:100%;


}
.workterm-link #workterm-name{
  visibility:visible;
  color: white;
  text-align: left;

}

#workterm-name{
  position: absolute;
  top:5%;
  left:0%;
  width:20%;
  margin-left:40%;
  margin-right:40%;
  transform: trangoal-tablesslate(-50%, -50%);
}

.workterm-link:hover img{
  filter: blur(0);


}

.workterm-link:hover #workterm-name{
  visibility:hidden;
}

.goal-type{
  display: inline-block;
  width: 50%;
  height: 100%;
  float: left;
}

.goal-info{
  display: inline-block;
  width: 50%;
  height: 100%;
  float: right;
  word-wrap: break-word;
  font-size: 8;
}

.goal-tables{
  width:100%;
  height:33%;
  max-height: 33%;
  min-height:33%;
  min-width: 100%;
  overflow-y: auto;
  display: block;
}

.goal-table-left{
  width:49%;
  display:inline-block;
  float:left;
  margin-bottom:2%;
  min-height:100%;
  height:100%;
  max-height:100%;
}

.goal-table-right{
  width:49%;
  display:inline-block;
  float:right;
  margin-bottom:2%;
  min-height:100%;
  height:100%;
  max-height:100%;
}
.goal-table-center{
  width:50%;
  margin-left:25%;
  min-height:100%;
  height:100%;
  max-height:100%;
}

@media only screen and (max-width: 600px) {
  html{
    width:100%;
  }
 .workterm-link{
   display: block;
   margin-left:5%;
   width:90%;
 }
 .goal-table-left,.goal-table-right, .goal-table-center{
   display: block;
   float: none;
   width:100%;
   margin:0;
   margin-bottom: 5%;
 }
}

.card-body {
  width: 80%;
  margin-left: 10%;
}
.goal-body {
  font-size: 14px;
  width: 100%;
  margin-left: 0%;
}