.crc-tooltip {
  display: none;
  box-shadow: 3px 3px 5px 1px #ccc;
  background: #E4F0F5;
  position: fixed;
  padding: 20px;
  padding-right: 40px;
  color: #000000;
  font-size: 17px;
}

.crc-tooltip-text strong:first-of-type{
  color: #005670;
}

.crc-tooltip-close {
  position: absolute;
  right: 12px;
  top: 7px;
  cursor: pointer;
  font-size: 16px  
}

.lecture-attachment a[href='#'] {
  color: #005670;
  font-weight: 700;
}

.lecture-attachment a[href='#']:hover {
  text-decoration: underline;
}
  
@media only screen and (max-width: 598px), 
only screen and (min-width: 768px) and (max-width: 935px){
  .crc-tooltip {
    bottom: 0px;
    left: 0px;
    width: 100%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .crc-tooltip {
    bottom: 0px;
    left: 300px !important;
    width: calc(100% - 300px);
  }
}

@media only screen and (min-width: 599px) and (max-width: 767px) {
  .crc-tooltip {
    bottom: 20px;
    left: 40px;
    width: calc(100% - 80px);
  }
}

@media only screen and (min-width: 992px) {
  .crc-tooltip {
    bottom: 20px;
    left: 390px;
    width: calc(100% - 430px);
  }
}