.content{
    width: 60%;
    margin: 0 auto;
}

input[type=text]{
    padding: 5px 10px;
    width: 60%;
    letter-spacing: 1px;
}

input[type=submit]{
    padding: 5px 15px;
    letter-spacing: 1px;
    border: 0;
    background: gold;
    color: white;
    font-weight: bold;
    font-size: 17px;
}

h1{
    border-bottom: 1px solid gray;
}

h2{
    color: black;
}
h2 a{
    color: #929c00;
    text-decoration: none;
}
h2 a:hover,.post-content a:hover {
  color: white;
  background-color: #929c00;
}
.post{
    border: 1px solid gray;
    padding: 5px;
    border-radius: 3px;
    margin-top: 15px;
}
/*font sizes in BebaseCarousel*/
.post-head .col-12{
    font-size: 0.8rem;
    color: gray;
    letter-spacing: 1px;
}
.post-head .col-12 a{
    font-size: 0.9rem;
    color:#929c00;
}
.post-content{
    font-size: 0.8rem;
    color: black;
}
.post-content p {
    margin-bottom: 0.5rem;
}
.bcontainer1 {
display: block!important;
margin: auto;
margin:0.5rem 2rem 0.5rem 2rem;
}
.bcontainer {
  margin: 3rem;
  outline: solid 1px grey;

}
.carousel-indicators{
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    position: revert;
}
.carousel .carousel-indicators button {
    width: 10px;
   height: 10px;
   border-radius: 50%;   
 }

 #beebasecarousel h2{
    font-size: 1rem;    
 }
 #beebasecarousel a:hover {
  color: white;
  background-color: #929c00;
}
/* media query */
@media (max-width: 880px){
    .content{
        width: 99%;
    }
}