.blurb{
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 150px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
  font-size: 18px;
  background-color: #fff;
}
.blurb a{
  color: rgb(51,51,51);
  font-weight: 800;
}
.blurb a:hover,
.blurb a:focus{
  color: rgb(153,0,0);
  text-decoration: none;
}

.carousel {
  width: 100%;
}

.item,
.active,
.carousel-inner {
    height: 100%;
}

@media (max-width: 500px) {
  .blurb{
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .pic-caption{
    font-size: 18px;
  }
}

@media (min-width: 500px) and (max-width: 1023px) {
  .blurb{
    margin-top: 15px;
    font-size: 17px;
  }
  .pic-caption{
    font-size: 22px;
  }
}

.carousel-item{
  margin-left: auto !important;
  margin-right: auto !important;
  background-color: #2f2f2f;
  padding-left: 10vw; 
  padding-right: 10vw;
  height: 100%;
  overflow: hidden;
  max-height: 60vh !important;
}

.pic-caption,
.pic-caption-left,
.pic-caption-right{
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 24px;
}

.pic-caption-left{
  text-align: left;
}
.pic-caption-right{
  text-align: right;
}

.carousel-button{
    font-size: 20px;
    font-weight: 400;
    margin-top: 5px;
    border-width: 1px;
    border-color: rgb(51,51,51);
    color: rgb(255,204,0);
    background-color: rgb(51,51,51);
}
.carousel-button:hover,
.carousel-button:focus{
    border-width: 1px;
    border-color: rgb(255,204,0);
    color: rgb(255,204,0);
    background-color: rgb(51,51,51);
}

#carousel-body {
  /* This makes carousel full width of page */
  width: 100%;           
  margin: auto 0px;
  padding-left: 0px;
  padding-right: 0px;
}

@media (max-width: 1023px){
  
}

@media (max-width: 800px) {
  .carousel-item {
    padding-left: 0vw !important; 
    padding-right: 0vw  !important; 
  }
}


@media (max-width: 1023px) {
  .pic-caption, .pic-caption-left, .pic-caption-right {
    font-size: 18px !important;
  }
  .carousel-button {
    font-size: 16px !important;
  }
}

@media (max-width: 500px) {
  .carousel-indicators{ 
    display: none;
  }
  
  .pic-caption, .pic-caption-left, .pic-caption-right {
    font-size: 15px !important;
  }
  .carousel-button {
    font-size: 14px !important;
  }
  
  .carousel-caption {
    padding-bottom: 5px;
    bottom: 5px;
  }
}

.center-cropped {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden;
}

.caro-image{
  max-width:100% !important;
  overflow: hidden;
}

.carousel-caption {
    right: 10% !important;
    left: 10% !important;
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        right: 20% !important;
        left: 20% !important;
    }
}