#message{
  position: fixed;
  bottom:5%;
  right:5%;
  font-size:35pt;
}
@media screen and (min-width:751px){
  #head1{
    width:8% ;
  }
  #head2{
    width:10%;
  }
  #head3{
    width:10%;
  }
  #head4{
    width:20%;
  }
}
@media screen and (max-width:750px) {
  .frnd-table{
    width: 100% !important;
  }
  .frnd-table thead th{
    display: block;
    position: relative;
    width:450px !important;
  }
  .frnd-table tbody tr td{
    display: block;
    position: relative;
    width:450px !important;
  }
}
#study_content{
  width:100%;
  position: absolute;
}