#content #homepageSearch{position:relative; margin: 4px 4px 1.5em 4px;
  -webkit-box-shadow: 1px 1px 3px 1px #dfdfdf;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
  -moz-box-shadow:    1px 1px 3px 1px #dfdfdf;  /* Firefox 3.5 - 3.6 */
  box-shadow:         1px 1px 2px 0px #dfdfdf;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
  padding: 70px 200px 70px 30px; background: url("/communicationsmarketing/teams/web-team/images-multimedia/decorative/webteamipadview.jpg") no-repeat 0 0 ; background-size: cover;}


#content #homepageSearch .sys_homepageSearchBoxText{padding: 2%;color: #fff;background: transparent url("/SiteElements/Images/Base/Internal/bg-textOverlay-Black.png") repeat; top: 0; position:relative; width: 44%; }
#content #homepageSearch .sys_homepageSearchBoxText h1{color: #fff;}

#content #homepageSearch h2{color: #fff; font-size: 1.85em; margin-bottom: 20px;  display:inline-block;}
#content #homepageSearch .sys_search-query-control input{display:block; margin-bottom: 6px; border:2px solid #fff; width: 60%; padding: 18px 10px;}
#content #homepageSearch .sys_search-query-control .sys_button {display:block; width: auto; background: #DE1B5C; color: #fff; font-size: 1em; padding: 16px 10px; font-weight:bold; border:2px solid fff;}
#wrapper #content #homepageSearch .sys_search-query-control .sys_button:hover{background-color: transparent!important; color: #fff!important; border-color: #fff;}




@media screen and (max-width: 967px) {
#content #homepageSearch{}
#content #homepageSearch h2{margin-bottom: 14px; }
#wrapper #content #homepageSearch .sys_search-query-control input {width: 54%;}
#wrapper #content #homepageSearch .sys_search-query-control .sys_button {width: auto;}


}


@media screen and (max-width: 767px) {
#content #homepageSearch{padding: 24px 100px 24px 24px;}
#content #homepageSearch h2{font-size: 1.4em; margin-bottom: 10px; }
#wrapper #content #homepageSearch .sys_search-query-control input {width: 65%; padding: 12px 8px; font-weight:bold;}
#wrapper #content #homepageSearch .sys_search-query-control .sys_button {width: auto; background: #DE1B5C; color: #fff; padding: 12px 8px;}


}


@media screen and (max-width: 479px) {

#content #homepageSearch{background: #005597; padding: 12px;}
#wrapper #content #homepageSearch .sys_search-query-control input {width: 90%; }
#wrapper #content #homepageSearch .sys_search-query-control .sys_button {width: auto; background: #DE1B5C; color: #fff; padding: 12px 8px;}

}