/**
 * #.# 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-four-column-content {
  margin: 0 !important;
  width: 100%;
  max-width: unset !important;
  padding: 25px 13.6% 45px 13.6%;
}
.fourCols {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 35px;
}
.fourCol {
  display: inline-block;
  text-align: center;
  padding: 22px 20px 32px 20px;
}
.fourColImage {
  margin-bottom: 20px;
}
.fourCols h3 {
  font-family: 'BauerBodoniStdBlack' !important;
	font-weight: 900 !important;
	font-size: 30px !important;
	color: #FFFFFF !important;
	line-height: 37px;
  margin-bottom: 14px !important;
  text-align: center;
}
.fourCols p {
  margin: 0 !important;
  text-align: center;
}
@media only screen and (max-width: 1300px) {
  .wp-block-cgb-block-four-column-content {
    padding: 25px 15px 35px 15px;
  }
}
@media only screen and (max-width: 900px) {
  .wp-block-cgb-block-four-column-content .fourCols {
    grid-template-columns: 1fr 1fr !important;
  }
}
@media only screen and (max-width: 500px) {
  .wp-block-cgb-block-four-column-content .fourCols {
    grid-template-columns: 1fr !important;
  }
}