.has-red-background-color {
	background-color: #d71d23;
}

.wp-element-button.has-red-background-color:hover {
	background-color: #F15E22;
}

.has-orange-background-color {
	background-color: #f7961e;
}

.wp-element-button.has-orange-background-color:hover {
	background-color: #F15E22;
}

.has-yellow-background-color {
	background-color: #ffcb08;
}

.wp-element-button.has-yellow-background-color:hover {
	background-color: #fff;
	color: #000!important;
}

.has-tan-background-color {
	background-color: #fbf9f3;
}

.wp-element-button.has-tan-background-color:hover {
	background-color: #fff;
	color: #000!important;
}

.has-white-background-color {
	background-color: #fff;
}

.wp-element-button.has-white-background-color:hover {
	background-color: #000;
	color: #fff!important;
}

.has-black-background-color {
	background-color: #000;
}

.wp-element-button.has-black-background-color:hover {
	background-color: #fff;
	color: #000!important;
}

.has-black-color {
	color: #000;
}

.has-white-color {
	color: #fff;
}

.has-tan-color {
	color: #fbf9f3;
}

.has-yellow-color {
	color: #ffcb08;
}

.has-orange-color {
	color: #f7961e;
}

.has-red-color {
	color: #d71d23;
}

.has-small-font-size {
	font-size: 14px;
}

.has-regular-font-size {
	font-size: 16px;
}

.has-medium-font-size {
	font-size: 21px;
}

.has-large-font-size {
	font-size: 27px;
}

.has-huge-font-size {
	font-size: 40px;
}

.wp-block-button {
	line-height: 1;
	 @media screen and (max-width: 600px) {
	 	width: 100%;
	 }
}

.wp-block-button .wp-block-button__link  {
	@media screen and (max-width: 600px) {
	  width: 100%;
	}
}

.wp-block-media-text .wp-block-media-text__content {
  @media screen and (max-width: 600px) {
  	padding: 8% 4%;
  }
}