/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-full-width-section-header {
  max-width: unset !important;
  margin: 0 !important;
}
.parallax-container {
  overflow: hidden;
  max-height: 600px;
}
.wp-block-cgb-block-full-width-section-header .wp-block-cover img {
  transform: scale(1.3);
}
.fwSHcontent {
  width: 78.1%;
  position: relative;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  text-align: center;
}
.fwSHcontent h2 {
  padding: 18px 44px 29px 44px !important;
  margin-bottom: 24px !important;
  position: relative;
}
.fwSHcontent h2::after {
  position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
	content: "";
	background: #FFF;
	width: 100%;
	max-width: 256px;
	height: 2px;
}
.fwSHcontent .bodyWhite {
  letter-spacing: 0.8px;
  margin: 0 !important;
  padding: 0 15px 0 15px;
}
.fwSHcontent .fwH5 {
  font-family: "Gotham A", "Gotham B" !important;
	font-weight: normal !important;
	font-size: 22px !important; 
	color: #FFFFFF !important;
	line-height: 31px;
}
.fwSHcontent .miImage {
  width: 182px;
  height: 182px;
  margin: 0 auto 20px auto !important; 
}
@media only screen and (max-width: 1200px) {
  .fwSHcontent {
    width: 97%;
  }
  .fwSHcontent h2 {
    padding: 18px 15px 29px 15px !important;
  }
}
@media only screen and (max-width: 600px) {
  .wp-block-cgb-block-full-width-section-header .wp-block-cover {
    min-height: 250px !important;
  }
}