.btn-link { 
  font-weight: 400; 
  color: #a00; 
  user-select: none; 
  background-color: transparent; 
  border: 1px solid transparent; 
  padding: 0.375rem 0.25rem 0.375rem 0.25rem; 
  font-size: 18px; 
  line-height: 1.5; 
  border-radius: 0rem;
}

.btn-link:hover { 
  color: #11496a; 
    text-decoration: underline;  
}
.btn-link:focus { 
    text-decoration: underline; 
}
.btn-link:disabled, .btn-link.disabled { 
  color: #6c757d; 
  pointer-events: none; 
}

.btn-link-1 { 
  font-weight: 400; 
  color: #a00; 
  user-select: none;
  background-color: transparent; 
  border: 1px solid transparent; 
  padding: 0.375rem 0.25rem 0.375rem 0rem; 
  font-size: 18px; 
  line-height: 1.5; 
  border-radius: 0rem;
  text-decoration: underline;
}

.btn-link-1:hover { 
  color: #11496a; 
  text-decoration: underline; 
}
.btn-link-1:focus { 
  text-decoration: underline; 
}
.btn-link-1:disabled, .btn-link.disabled { 
  color: #6c757d; 
  pointer-events: none; 
}

.papertitle a {
  color: #333;
}


a[aria-expanded="false"]{
  color: #d36a51;
}

@media (prefers-reduced-motion: reduce) { 
  .btn { transition: none;} 
}
@media (prefers-reduced-motion: reduce) { 
  .collapsing { transition: none; } 
}
.btn:hover { 
  color: #a00; 
  text-decoration: none; 
}
.btn:focus { 
  color: #a00; 
}
.btn.disabled, .btn:disabled { 
  opacity: 1; 
}
.btn { 
  display: inline-block; 
  color: #a00; 
  font-weight: 400; 
  user-select: none; 
  background-color: transparent; 
  border: 1px solid transparent; 
  padding: 0.375rem 0.25rem 0.25rem 0rem; 
  font-size: 18px; 
  line-height: 1.5; 
  border-radius: 0rem;
}

a.btn.disabled, fieldset:disabled a.btn { 
  pointer-events: none; 
}


.bg-light { 
  background-color: none !important; 
}

a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { 
  background-color: #d5e0ea !important; 
}

.p-2 { 
  padding: 0em 0em 0em 0rem !important; 
}
.mb-2 { 
  margin-bottom: 0.5rem !important;
}

.card { 
  position: relative; 
  flex-direction: column; 
  min-width: 0; 
  background-color: #fff; 
  background-clip: border-box; 
  border: 0px solid rgba(0, 0, 0, 0.125); 
  border-radius: 0rem; 
}

.card-body { 
  padding: 0rem; 
}

.card-text:last-child { 
  margin-top:0.5rem; 
  margin-bottom: 0; 
  text-align:justify; 
  font-weight:400; 
  font-size:16px 
}

.abstract { 
  font-size: 18px; 
}

.papertitle { 
  color:#333; 
  font-size:18px;
}

p span {
    display: block;
}

p-3 {
    font-weight: 200;
}

.footer a {
  color: #999;
}

@media only screen and (min-width: 769px) {
  .container {
    max-width: 1000px;
    margin-left: 100px;
  }

  figure {
      width: 80%;
      padding: 20px 0 0 0;
  }
  
  figure figcaption {
      padding: 10px 0 0 0;
  }
  
  .wrapper {
      display: flex;
      max-width: 1000px;
      margin-left: 0px;
      padding: 0 0 0 0;
  }
  
  .left {
      width: 25%;
      padding: 0px 0px 0px 0px;
  }

  .right {
      width: 75%;
      padding: 0px 0px 0px 30px;
  }
}

@media only screen and (max-width: 768px) and (min-width: 541px) {
    .wrapper {
        display: flex;
        width: 100%;
    }

    .container {
        max-width: 768px;
        margin: 0 auto;
        padding: 20px 0px 10px 0px;
    }
    
    .left {
        width: 30%;
    }
    .right {
        width: 65%;
        padding: 0px 0px 0px 0px;
    }
    figure img {
      width: 60%;
      padding: 20px 0 0 0px;
    }
}

@media only screen and (max-width: 540px) {
    .wrapper {
        display: block;
    }
   .container {
    max-width: 540px;
    margin: 0 auto;
    padding: 20px 0px 10px 0px;
    }

    .left {
        width: 95%;
        margin: 0 auto;
    }
    .right {
        width: 95%;
        padding: 0px 0px 0px 10px;
    }
    figure img {
        margin: auto;
        height: 200px;
    }
}