.header-more{
  display: flex;
  flex-direction: row;
  height: 15vh;
  align-items: center;
  justify-content: center;
  align-content: center;
}

.buttonbar-more{
    display: flex;
    flex-direction: row;
    height: 15vh;
    width: 30%;
    justify-content: center;
    align-items: center;
    align-content: center;
  }  
  .buttonbar-more a{
    display: flex;
    width: 100%
  }  
  .buttonbar-more a:hover{
    background-color: transparent
  }  
  .buttonbar-more img{
    display: block;
    width: 100%
  }

.photobar-more{
  display: flex;
  min-height: 40vh;
  width: 100%;
  background-image: url("images/boysdontcry/photobar-more.png");
  background-position: center;
  background-repeat: repeat-x;
  background-size: contain;
}

.bdc-about-more{
  display: flex;
  height: 60vh;
  width: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 768px) {
  p{
    font-size: 16pt
  }
  .buttonbar-more{
    width: 85%
  }
  .photobar-more{
    min-height: 20vh;
  background-size: cover;
  background-repeat: repeat-x;
  background-color: black
  }
  
  .bdc-about-more{
    height: 50vh
  }
  
}