/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/
<style>
@media (max-width: 575px){
.hhs-foot-nav-col {
    text-align: center;
  }
}

/* =============================================================================
// Side Header Overrides
// ===========================================================================*/

/* Change Dropdown menu links to orange. (original blue #00a4bd)
 * Selector copied from browser inspector.
 */

.hhs-hat-menu .hs-menu-children-wrapper li a:hover, 
.hhs-lang-switch .lang_list_class li a:hover, 
.hs-menu-wrapper.hs-menu-flow-horizontal ul.hhs-nav-links .hs-menu-item.hs-menu-depth-2 a:hover, 
.hhs-top-bar .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
    background-color: #EF7869 !important; /* original selector comes after, so used !important   */
}
</style>