body {
#  padding: 10px;
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
# background-color: #000000;
}

a {
  color: #00B7FF;
}

a:hover {
  color: #f69411;
}

.btn-link:hover {
  color: #f69411;
  font-size: 85%;
  outline: none;
}

.btn-link , .btn-link:focus, .btn-link:visited, .btn-link:active, .btn-link:focus:active {
  color: #2da0ec;
  font-size: 85%;
  border-color: #ffffff;
  outline: none;
}


h1 {
  text-align: center;
  text-transform: uppercase;
}

.picture {
  width: 300px;
  height: 425px;
  float: left;
  text-align: center;
}

.thumbnail {
  position: relative;
  padding: 0px;
  margin-bottom: 20px;
}

#.thumbnail img {
#  width: 100%;
#}

.row.is-flex {
    display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

.tiny_thumbnail {
  width: 100px;
  height: auto;
  padding-bottom: auto;
  float: left;
}
.thumbnails{
  padding-bottom: 10px;
}
.blue_border{
  border: 2px solid #2da0ec;
}
.blue{
  color: #2da0ec;
}
.orange{
  color: #f69411;
}
.comment_name{
  color: #2da0ec;
}
.comment_text{
  font-weight: lighter;
}

.time_stamp {
  font-weight: lighter;
  font-size: 65%;
  #color: #f69411;
}
.comment_hr {

    margin-top: 0.50em;
    margin-bottom: 0.50em;
}

IMG.displayed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto ;
}

#logo {
  float: left;
  margin-right: 10px;
  font-size: 1.7em;
  color: #fff;
  letter-spacing: -1px;
  padding-top: 9px;
  font-weight: bold;
}

#logo:hover {
  color: #f69411;
  text-decoration: none;
}

.btn-primary {
    background: #2da0ec;
    border: #2da0ec;
    color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #f69411;
    border: #f69411;
}

.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}