/* location */
   @media screen and (min-width: 280px) and (max-width:568px) {
    #surrounding .headerText {
        width: 100%;
    }
  }
  
  /* location */
  #location .headerText {
  margin-bottom: 3rem;
  
  }
  
  #location .locationContent, #landmark {
  /* position: relative; */
  font-size: 1.5rem;
  }
  
  #location .img {
    width: 100%;
    display: block;
    position: relative;
  }
  
  /* commentation */
  #commentation .headerText {
  margin-bottom: 3rem;
  }
  #commentation h1 {
  font-size: 3rem;
  color: #2B4B5f;
  }
  #commentation .bullet{
  margin-top:5rem;
  margin-bottom:5rem;
  }
  #commentation .bullet p{
  font-size: 1.5rem;
  }
  
  #commentation .bulletPic {
  margin: 0.2rem; 
  width: 100%
  } 
  
  @media screen and (min-width: 280px) and (max-width:568px) {
    #surrounding .headerText {
      width: 100%;
    }
    #facebook {
      font-size: 1rem;
    }
  }

  #location h1 {
    font-size: 2rem;
    background-color: rgba(108,137,157);
    width: auto;
    color: white;
  }
  
  .bulletPicHalf p, .bulletPic p {
    font-size: 1.5rem;
    color: white;
    background:rgba(0,0,0, 0.5);
    background-size: contain, cover;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px !important;
  } 
  
  .bulletPicHalf p {
    max-width: 488.8px;
  }
  
  .bulletPic p {
    max-width: 984px;
  }

  .bulletPicHalf p a {
    color: #FFFFFF;
    text-decoration: none;
  }

  .bulletPicHalf p a:hover {
    text-decoration: underline;
  }