body {
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 125%;
	padding-bottom: 3em;
}

.author {
	font-weight: 400;
	margin-bottom: 0;
}

.spotlight {
	color: rgb(171, 37, 14);
}


@media (min-width: 1200px) {
  .author-group {
    padding-left: 7em;
    padding-right: 7em;
  }
}

.institution {
	font-size: 90%;
	font-weight: 400;
}

.enlarge {
	font-size: 100%;
}

.indent {
	 text-indent: 2em;
}

.layered-paper-big { /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */
	box-shadow:
					0px 0px 1px 1px rgba(0,0,0,0.35), /* The top layer shadow */
					5px 5px 0 0px #fff, /* The second layer */
					5px 5px 1px 1px rgba(0,0,0,0.35), /* The second layer shadow */
					10px 10px 0 0px #fff, /* The third layer */
					10px 10px 1px 1px rgba(0,0,0,0.35), /* The third layer shadow */
					15px 15px 0 0px #fff, /* The fourth layer */
					15px 15px 1px 1px rgba(0,0,0,0.35), /* The fourth layer shadow */
					20px 20px 0 0px #fff, /* The fifth layer */
					20px 20px 1px 1px rgba(0,0,0,0.35), /* The fifth layer shadow */
					25px 25px 0 0px #fff, /* The fifth layer */
					25px 25px 1px 1px rgba(0,0,0,0.35); /* The fifth layer shadow */
	margin-left: 10px;
	margin-right: 45px;
	margin-bottom: 45px;
}

video {
  border: 1px solid black;
  -webkit-box-shadow: 4px 4px 2px #ccc;
  box-shadow: 4px 4px 2px #ccc;
}

.spcustom.nav-tabs {
  border-bottom: none;
}

.spcustom.nav-link {
  border: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.spcustom.nav-link.active {
  border-top: 3px solid rgb(0, 123, 255);
}
/* .nav-link.active {
  background-color:
} */

.faint {
  color:rgb(116, 116, 116);
}

@media (max-width: 576px) {
  body {
    font-size: 100%;
  }
  
  .author-group {
    padding-left: 0;
    padding-right: 0;
  }
  
  h1 {
    font-size: 130%;
    font-weight: bold;
  }

  h2 {
    font-size: 130%;
    font-weight: bold;
  }
  
  .institution {
    font-size: 85%;
    font-weight: 400;
  }

  .enlarge {
    font-size: 80%;
  }
}