html {
    font-size: 14px;
    height:100%;
  }

body {
    min-height: 100vh;
    padding-top: 4rem;
  }

  .nav-link {color: black;}

  ul.nav.nav-tabs> li.nav-item > a.nav-link.active  {
  border: 0;
  content: " ";
  position: relative;
  display: flex;

}
ul.nav.nav-tabs> li.nav-item > a.nav-link.active > span  {
    
    border-bottom: 0.1rem solid #000000;
    content: " ";
    position: relative;
    height: 100%;

  
  }



#img_container {
    position:relative;
    display:inline-block;
    text-align:center;
    border:1px solid red;
}

#img_button {
    position:absolute;
    bottom:10px;
    right:10px;
    width:100px;
    height:30px;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
  .w-sm-100 {
  width:100%!important;
  }
  .w-sm-75 {
  width:75%!important;
  }
  .w-sm-50 {
  width:50%!important;
  }
  .w-sm-25 {
  width:25%!important;
  }
  .h-sm-100 {
  height:100%!important;
  }
  .h-sm-75 {
  height:75%!important;
  }
  .h-sm-50 {
  height:50%!important;
  }
  .h-sm-25 {
  height:25%!important;
  }
  }
  
  /* Medium devices (tablets, 768px and up)*/
  @media (min-width: 768px) {
  .w-md-100 {
  width:100%!important;
  }
  .w-md-75 {
  width:75%!important;
  }
  .w-md-50 {
  width:50%!important;
  }
  .w-md-25 {
  width:25%!important;
  }
  .h-md-100 {
  height:100%!important;
  }
  .h-md-75 {
  height:75%!important;
  }
  .h-md-50 {
  height:50%!important;
  }
  .h-md-25 {
  height:25%!important;
  }
  }
  
  /* Large devices (desktops, 992px and up)*/
  @media (min-width: 992px) {
  .w-lg-100 {
  width:100%!important;
  }
  .w-lg-75 {
  width:75%!important;
  }
  .w-lg-50 {
  width:50%!important;
  }
  .w-lg-25 {
  width:25%!important;
  }
  .h-lg-100 {
  height:100%!important;
  }
  .h-lg-75 {
  height:75%!important;
  }
  .h-lg-50 {
  height:50%!important;
  }
  .h-lg-25 {
  height:25%!important;
  }
  }
  
  /* Extra large devices (large desktops, 1200px and up)*/
  @media (min-width: 1200px) {
  .w-xl-100 {
  width:100%!important;
  }
  .w-xl-75 {
  width:75%!important;
  }
  .w-xl-50 {
  width:50%!important;
  }
  .w-xl-25 {
  width:25%!important;
  }
  .h-xl-100 {
  height:100%!important;
  }
  .h-xl-75 {
  height:75%!important;
  }
  .h-xl-50 {
  height:50%!important;
  }
  .h-xl-25 {
  height:25%!important;
  }
  }