$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%);
}