coachhenrylam

Url - www.coachhenrylam.com

I used this in custom css

Hamburger Icon is Clickable but invisible not matter what color I change in code below or edit style.

.header .header-burger{
display:flex
} 
.header-nav, .header-actions {display:none}
.header--menu-open .header-menu {
opacity: 1;
visibility: visible;
width: 50%;
margin-left: 50%;
box-shadow: -5px 5px 15px #000 }

/* Colour of Hamburger Button */
.burger-inner > div {
  background-color: white !important;
}

Site URL: http://www.coachhenrylam.com

My full size banner images are cropped by like 80% on 7.1 mobile. How do I fix it?

I tried this 7.1 code but  it didn't work

/* CSS FOR TABLET AND MOBILE */
@mobile:  ~"only screen and (max-width: 640px)";
@tablet:  ~"only screen and (min-width: 641px) and (max-width: 949px)";

/* CSS FOR TABLET */
@media @tablet {
/* Insert Code for Tablet Below This Line*/

/* Insert Code for Tablet Above This Line */
}

/* CSS FOR MOBILE */
@media @mobile {
/* Insert Code for Mobile Below This Line*/

/* Insert Code for Mobile Above This Line */
}

.sqs-block-image {
  width: 80%;
  margin: 0 auto;
}