body {
	background-color: black; 
	color: white; 
	font-family: "Courier New";
	padding-top:77px;
}

#tt {
	display: inline;
	background-color: #808080;
	font-family: monospace;
	padding: 1px 3px 1px 3px;
}

.btn {
  white-space: pre-wrap !important; 
}

nav {
  min-width: 100% !important; 
}
/*
nav {
  float: right; 
  font-size: 1vw; 
}
*/

#wrap {
  min-height: 86%; 
  position: relative !important; 
}

.jumbotron {
	background-color: black;
}

td {
  padding: none; 
}


.navbar-nav > li{
  padding-left:15px;
  padding-right:15px;
}

table tr td {
  border-width:0 !important;
}

.table td {
  padding: 0.23rem !important; 
}

#officehours {
  width: 90% !important; 
}

.card-body {
	color: black;
}

.calendar {
  position: relative;
  width: 100%;
  padding-bottom: 50%;
}

.be-red{
	color: red;
	weight: bold;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

h3 {
  color: #32CD32; 
}
























pre[class^="highlight"] {
	color: white
	background-color: #272822;
	padding: 1%;
	border-color: #0d0e0c;
	border-radius: 4px;
	border-style: solid;
	border-width: thin;
}
pre[class^="highlight"] {
	color: white
}






















@media only screen and (max-width: 500px) {
  .calendar {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    overflow: hidden;
  }
  h1 {
    font-size: 9vw; 
  }


}

.card-header {
  background-color: #333a40 !important; 
}
.list-group-item {
  background-color: #333a40 !important; 
}

@media only screen and (max-width: 1080px) and (min-width: 500px) {
  h1 {
    font-size: 3.8vw;  
  }
}