/**
 * #.# 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-three-column-content {
  margin: 0 !important;
  width: 100%;
  max-width: unset !important;
  padding: 53px 13.6% 56px 13.6%;
}
.wp-block-cgb-block-three-column-content .threeColsGrid {
  display: grid;
  grid-gap: 44px 35px;
}
.threeCol {
  padding: 22px 20px 32px 20px;
}
.threeColsGrid h3 {
  font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900 !important;
	font-size: 30px !important;
	color: #FFFFFF !important;
	line-height: 37px;
  margin-bottom: 9px !important;
  text-align: center;
}
.threeColsGrid p {
  margin: 0 !important;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .wp-block-cgb-block-three-column-content {
    padding: 43px 15px 53px 15px;
  }
}
@media only screen and (max-width: 900px) {
  .wp-block-cgb-block-three-column-content .threeColsGrid {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media only screen and (max-width: 500px) {
  .wp-block-cgb-block-three-column-content .threeColsGrid {
    grid-template-columns: 1fr !important;
  }
}