I need to change the color in two areas

I need to change the color in two spots.

1. The header. I would like the background color to be #79c9e0 in the main header container area. Not the top or bottom. For some reason I can’t get rid of the black thick border around the blue.

2. When I view in mobile I would like to change the black background to #79c9e0

This is what I am using so far.

.main-header-container  {background-color: #79c9e0;}

.zita-menu li a {
  color:#000 !important;
}

.main-header .main-header-bar, .mhdrleftpan header, .mhdrrightpan header {
    background-color: #79c9e0 !important;
}

The page I need help with: [log in to see the link]



Source link