$primary: #00234b; $primaryOpacity: rgba(0, 35, 75, 0.75); $primaryWithOpacity: rgba(0, 35, 75, 0.5); $primaryOpaque: rgba(0, 35, 75, 0); $primaryShadow: rgba(0, 35, 75, 0.15); $greyOpacity: rgba(0, 0, 0, 0.15); $secondary: #5A7485; $menu: #46596b; $gold: b4975a; $grey: #B1B1B1; $greyBlue: rgba(127, 145, 165, 0.5); $lightgrey: f4f7f8; $darkgrey: dee2e3; $darkerLtGrey: #868e96; $deepGrey: #999999; $black: #000000; $lightBlue: #0082ce; $white: #FFFFFF; $blueGrey: #7f91a5;

// div .ContentFrame {

display: flex;
height: 400px;
background-blend-mode: lighten;
background-position: center;
background: url("/assets/images/golfCourse.jpg");
background-size: cover;
box-shadow: 0 5px 10px 0;
margin-top: 30px;

}

// h2 .TextFrame {

width: 100%;
height: 100%;
color: white;
padding-top: 30px;
background: linear-gradient(to top, $primaryOpaque 0%, $primary 80%);

}