h2{
    padding:50px;
}
hr{
    border: 1px solid blue;
}

#head0, #head1, #head2, #head3, #head4, #head5, #head6, #head7{
    font-weight: bold;
}

.top-header {
    width: 100%;
    height: 150px;
    background: #677074;
    display:flex;
    align-items: center;

}

.hero_banner {
    border-left-width: 30px;
    margin-left: 50px;
    margin-right: 50px;
}

#right-side {
	float: left;
}
#left-side {
    float:left;
	list-style: none;

	min-height: 250px;
	padding: 10px;
	background: #F2EBD9;
}

@media (max-width: 767px)
 {
   .content-to-hide {
      display: none;
   }

   h1 {
        font-size: 1.7em;
        color: #fff;
    }
}
.search_title_color {
    color: #1a0dab;
}



/* The rest style in this file are only used for search agency/ page */

/* the following is to change the color of special search icon */
.fa-search:before {
    content: "\f002";
    color: #2c6cbd;
}

.search_phrase {
    color: blue;
}

/* The rest is to change the color of placeholder text for search bar, need to handle different browser */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: blue;
  opacity: 1; /* Firefox */
  font-size: 0.7em;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: blue;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: blue;
}