/* Dummy css for testing LTI customisation (this will be stored elsewhere in final product) */
.institution-welcome-branding img.institution-logo {
  height: auto;
  max-width: 45%;
  display: block;
  margin: 20px auto 30px;
}

/* Add class 'responsive-content' to images, videos, iframes etc. to ensure that they scale responsively */
.institution-welcome-branding .responsive-content {
  display: block;
  margin: 30px auto;
  max-width: 100%;
}

.institution-welcome-branding h1,
.institution-welcome-branding h2,
.institution-welcome-branding h3 {
  margin-bottom: 6px;
  line-height: 1.3;
}

.institution-welcome-branding p {
  margin: 0 0 8.5px;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .institution-pod-customizable .panel.panel-default.pod {
    font-size: 0.9rem;
    min-height: 65px !important;
    min-width: 200px !important;
  }
}

.institution-pod-customizable .institution-pod-message {
  position: absolute;
  margin-top: -15px;
  width: 100%;
  text-align: center;
}