/* 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%
  }
  
  /* 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;
  }