:root {
  /* standard definitions required and used throughout the cms */
  --min-screen-width: 320px;
  /* --standard-width: 1500px; */
  --standard-width: 1440px;

  --sidebar-width: 300px;
  --sidebar-padding: 2rem;

  --brand-a: #db2230; /* #bf202f;					/* main brand color used on backgrounds and buttons */
  --brand-a-color: white; /* text color used on main brand backgrounds */
  --brand-a-hover: #8b8c92; /* main brand background color used on hover */
  --brand-a-hover-color: white; /* text color for above */

  --brand-b: #0a1718; /* secondary brand color. Used on secondary buttons and on menus, by default */
  --brand-b-color: #9a9da3;
  --brand-b-hover: #303031;
  --brand-b-hover-color: white;

  /* FORMs default colors definitions */
  --brand-form-color: #757579;
  --brand-form-placeholder-color: #c2c2c2;
  
  /*  header's height definitions  */
  --min-header-height: 120px;
  --max-header-height: 180px;
}

/* 
** All values are for min-width media queries. In the case of a max-width query, subtract one pixel
**
** This token marks the location of all media governing when the sidebar comes in
** ;sidebar-cutoff; using 900px
** 
** ;padded-standard-width; using 1532px (1500 + 2x16)
**
** This token marks all media queries related to header navigation moving from mobile style
** ;nav-transition-from-mobile; 1186px 	
**
*/

/*********************** STANDARD ELEMENTS ****************************/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  font-weight: 400;
}

/* HTML5 display-role reset for older browsers */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
  display: block;
}

body {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 16px;
  text-align: left;
  background: white;
  line-height: 1.45rem;
  min-width: var(--min-screen-width);
  position:relative;
}

/* for the admin page editing area */
.mceContentBody {
  background-color: #ffffff !important;
  background-image: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 2rem;
  margin-top:2rem;
}

tr:nth-child(even) {
  background-color:#FFFFFF;

}

tr:nth-child(odd) {
  background-color:#EFEFEF;
}

/* GENERAL FORMATTING */

a,a:visited {
  text-decoration: none;
  color: #1e2758;
  font-weight: 600;
  transition: color 1s ease;
}

a:hover,a:active {
  color: var(--brand-a);
  transition: color 1s ease;
}

button {
  font-weight: 600;
  font-size: 1rem;
  font-family: inherit;
}


strong {
  font-weight: 600;
}

em {
  font-weight: unset;
}

hr {
	border-top: 1px solid #cccccc;
	margin-bottom:1.7rem;
}

.red
	{color:#db2230;
	font-weight: 600}

/* Headings */
h1,h2,h3,h4,h5,h6 {
  line-height: 1.45em;
  font-weight: 500;
}

h1 {
  /* margin-bottom: 1.5rem; */
  margin-bottom: 0;
  line-height: 1em;
  color: white;
  text-transform: uppercase;
  font-size: 2.75rem;
  font-weight: 600;
}

h2 {
  font-size: 2rem;
  font-weight: 600;
  color: #1e2758;
  margin-bottom: 2rem;
  line-height: 1.35em;
  text-transform: uppercase;
}

h3 {
  /* note that sidebar headings are all h3, these styles must work within that context 
	    use blog sidebar for reference */
  color: #222;
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-transform: unset;
}

h4 {

  color: #222;
  font-size: 1.25rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
  text-transform: unset;
}


img,embed,object,video {
  max-width: 100%;
  border: 0 none;
}

p {
  color: black;
  margin-bottom: 2rem;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.5em;
}

ul,ol {
  margin: 1.5rem 0 1.5rem 2.5rem;
  /* list-style-type: none; */
  /* list-style-image: url(images/check_ul-li.png); */
}


/*********************** CHECK MARK ****************************/

#page-content ul li,
#page-content ol li,
#content ul li,
#content ol li {
  list-style-type: none;
  color: black;
  margin-bottom: .75rem;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.45em;

  position: relative;
}

#page-content ul li::before,
#page-content ol li::before,
#content ul li::before,
#content ol li::before {
  position: absolute;
  display: block;
  content: '';
  width: 15px;
  height: 11px;
  top: 5px;
  left: -30px;
	background: url(images/check_ul-li.svg) center no-repeat;
	background-size: cover;
}
.cmsDebug #page-content ul li::before,
.cmsDebug #page-content ol li::before,
.cmsDebug #content ul li::before,
.cmsDebug #content ol li::before {
	background-image: url(../../images/check_ul-li.svg);
}

/*********************** MAIN DIVS ****************************/
#middle {
  position: relative;
  min-width: var(--min-screen-width);
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

#middle:after {
  clear: both;
  display: table;
  content: "";
}

#middle.hasSidebar {
  max-width: var(--standard-width);
  margin-left: auto;
  margin-right: auto;
  /* padding: 0 1.5em; */
  padding: 0 70px;
  display: flex;
  flex-direction: column;
}

@media only screen and (max-width: 768px) {
  #middle.hasSidebar {
    padding: 0 35px;
  }
}

/* ;padded-standard-width; using 1532 */
/* @media (min-width: 1532px) {
  #middle.hasSidebar {
    padding: 0;
  }
} */
@media (min-width: 1472px) {
  #middle.hasSidebar {
    padding: 0;
  }
}



#bottom {
  width: 100%;
  position: relative;
  min-width: var(--min-screen-width);
  background: #1e2758;
}
/* end main divs */



/*  CONTENT and Sidebar */
#middle.hasSidebar #content {
  order: 2; /* put_in-middle_using_flex:; */
}

/* default sidebar behaviour (small screens or default if device has js disabled) */
.sidebarPart {
	/*common class for sidebar-top and sidebar_bottom */
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 -.5rem 0 -.5rem
}
#sidebar-top {
	order: 1;
}
#sidebar-bottom {
	order: 3;
	margin-top: 3rem;
}

.sb_widget {
	min-width: calc(var(--sidebar-width) - var(--sidebar-padding));
	flex:1;
	margin-left: .5rem;
	margin-right: .5rem;
}

.text-box {
  background-color: #edecec;
  font-size: 1.2rem;
  padding: 20px;
  margin-left: 0;
  margin-bottom:1.5rem;
}

.text-box p {
  font-size: 1.2rem;
}


/* Rules for putting sidebar on the side */
/* ;sidebar-cutoff; */
@media (min-width: 900px) {
  
  #middle.hasSidebar {
    display: block;
  }
  #middle.hasSidebar #content {
    width: calc(100% - var(--sidebar-width));
    float: left;
  }
  .sidebarPart {
    float: right;
    width: var(--sidebar-width);
    padding-left: var(--sidebar-padding);
	display: block;
	margin: 0;
  }

  #sidebar-bottom {
    margin-top: 0;
  }

  .sb_widget {
    margin-left: 0;
  }
}

.standard-width {
  max-width: var(--standard-width);
  margin: 0 auto;
  /* padding: 0 1.5em; */
  padding: 0 70px;
  box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
  .standard-width {
    padding: 0 35px;
  }
}



#middle.hasSidebar #content > .standard-width {
  padding: 0;
}

/* tinyMCE classes for Blocks START */

.half-width {
  width: 50%;
  max-width: calc(var(--standard-width) * 0.5);
  margin: 0 auto;
  padding: 0 1em;
}

.inset-width {
  width: 75%;
  max-width: calc(var(--standard-width) * 0.75);
  margin: 0 auto;
  padding: 0 1em;
}

.half-width, .inset-width, .standard-width, .full-width {
  clear: both;
}


.w33 {
  width: 33%;
}

.w50 {
  width: 50%;
}

.w75 {
  width: 75%;
}

.w50, .w75, .w33 {
  padding: 1em 0;
  margin: 0 auto;
}

.w50.right {
  width: calc(50% - 1em);
  padding-left: 1em;
}

.w50.left  {
  width: calc(50% - 1em);
  padding-right: 1em;
}

@media only screen and (max-width: 1185px) {
  .w33 {
    width: 50%;
  }

}

@media only screen and (max-width: 679px) {
  .w50, .w33 {
    width: 75%;
  }
  .w50.left, .w50.right {
    width: 100%;
    padding-left: 0;
    padding-right: 0; 
  }
}

@media(max-width: 600px){

  .half-width {
    width: unset;
    max-width: unset;
  }

  .inset-width {
    width: unset;
    max-width: unset;
  }
}

/* tinyMCE classes for blocks END */

/* ;padded-standard-width; using 1532 */
/* 
@media (min-width: 1532px) {
  .standard-width {
    padding: 0;
  }
}
*/

@media (min-width: 1472px) {
  .standard-width {
    padding: 0;
  }
}


/*  end CONTENT and Sidebar */
/*********************** Utility CLASSES ****************************/
/* divider-under is used in many modules and should be used within the site, for consistency
** 	- normally, this is added to a div or paragraph to replicate a styled <hr>
*/
.divider-under::after {
  border-bottom: 1px solid #f0efef;
  margin: 2em 0;
  content: "";
  display: block;
}
.clearAfter::after {
  display: "table";
  clear: "both";
  content: "";
}
.clear {
  clear: both;
}
.nobr,
.nowr {
  white-space: nowrap;
}
.whiteBG {
  background: white;
}
.blackBG {
  background: black;
}
.left {
  float: left;
}
.right {
  float: right;
}
.full {
  width: 100%;
}
.leftimg {
  clear: left;
  float: left;
  margin: 0.3em 2em 2em 0;
  font-style: italic;
}
.rightimg {
  clear: right;
  float: right;
  margin: 0.3em 0 2em 2em;
  font-style: italic;
}
.leftimg p,
.rightimg p {
  margin: 0.5em 0 0 0;
}
.fullimg {
  width: 100%;
  margin-bottom: 1em;
}
.half {
  width: 50%;
}
.halfleftimg {
  float: left;
  width: 48%;
  margin: 1em 0;
}
.halfrightimg {
  float: right;
  width: 48%;
  margin: 1em 0;
}
.imgfullwidth {
  width: 100%;
}
.side2sideleft {
  width: 49%;
  margin-right: 1%;
}
.side2sideright {
  width: 49%;
  margin-left: 1%;
}
.side3sideleft {
  width: 32%;
  margin-right: 1%;
}
.side3sidemid {
  width: 32%;
  margin-left: 1%;
  margin-right: 1%;
}
.side3sideright {
  width: 32%;
  margin-left: 1%;
}
.third {
  width: 35%;
}
.quarter {
  width: 25%;
}
.center {
  display: block;
  margin: 2em auto;
  text-align: center;
  font-style: italic;
  width: auto;
}
.noscale {
  max-width: none;
}



@media (max-width: 549px) {
  .left,
  .right {
    float: none;
  }
  .leftimg,
  .rightimg {
    float: none;
    margin: 2em auto;
    display: block;
    text-align: center;
    font-style: italic;
  }
  .half,
  .third,
  .quarter {
    width: auto;
  }
  .hideinmobile {
    display: none;
  }
}



.width25 {
  max-width: 25%;
  display: block;
}
.width50 {
  max-width: 50%;
  display: block;
}
.width75 {
  max-width: 75%;
  display: block;
}



.expandableItem {
  display: none;
}



/* JUSTIFY FLOATING DIVS */
ul.justify {
  font-size: 0 !important;
  line-height: 0;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: justify;
  text-justify: distribute-all-lines;
}

ul.justify:after {
  content: "";
  display: inline-block;
  width: 100%;
}

ul.justify li {
  display: inline-block;
  font-size: 1rem;
  line-height: 1rem;
  margin: 0 auto !important;
  this-will-center-single-objects: ;
  padding: 0 !important;
}

/* (untested) IE hacks to make li's line up */
* + html ul.justify li {
  display: inline;
}
* html ul.justify li {
  display: inline;
}



@media screen and (max-width: 549px) {
  #content ul.justify {
    margin-left: 0;
  }

  #content ul.longList {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
  }
}

/** FORMS **/

form.cms-form label .fmrequire,
.fmrequire {
  color: red;
  margin-left: 3px;
}

form.cms-form input[type="submit"] {
  padding: 3px;
}

#fmMessage {
  padding: 1em;
  text-align: center;
  font-size: 1rem;
  font-weight: 600;
  display: none;
}

#fmMessage.fmError {
  background: #fc6c6c;
}

#fmMessage.fmSuccess {
  background: #7cff8c;
}

form.cms-form div.fmCheckboxRow,
form.cms-form div.fmRadioRow {
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  margin-bottom: 1rem;
}

form.cms-form div.fmCheckboxRow label,
form.cms-form div.fmRadioRow label {
  margin-left: 0;
}

form.cms-form div.fmRadioRow input[type="radio"] {
  margin-left: 1em;
}

form.cms-form div.plainText {
  margin: 0 0 1rem 0;
}

form.cms-form input[type="text"],
form.cms-form input[type="email"],
form.cms-form input[type="password"],
form.cms-form input[type="date"],
form.cms-form .uploader-fake-file-wrap,
form.cms-form select,
form.cms-form textarea {
  width: 100%;
  background: #ffffff;
  padding: 0.5rem;
  margin: 0 0 1rem 0;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
}

form.cms-form .selectType {
  width: 100%;
  padding: 1rem;
  margin: 0 0 1rem 0;
  vertical-align: middle;
  border: 1px solid #c0c0c0;
  color: var(--brand-form-color);
  font-weight: 400;
  font-style: normal;
  font-size: 15px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.8em;
}

form.cms-form .selectType select,
form.cms-form select {
  color: var(--brand-form-color);
  padding: 0.5em;
  margin-bottom: 1rem;
}

form.cms-form textarea {
  margin-bottom: 1rem;
  min-height: 12em;
}

form.cms-form #form-bottom {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -0.5rem;
}
form.cms-form #form-bottom > div{
	margin: .5rem;
}

form.cms-form #captchaContainer {
  display: block;
  max-width: 330px;
}

form.cms-form #captcha-image-box {
  display: block;
  max-width: 300px;
  flex: 1 1 auto;
}

form.cms-form img#captcha {
  width: 100%;
}

form.cms-form #captcha-code{
	margin: 0;
}

form.cms-form #captcha-button-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: 1em;
}

form.cms-form input[type="submit"],
form.cms-form input#button {
  padding: 0.7rem 1.5rem;
  text-transform: uppercase;
  font-size: 1.15em;
  border: 1px solid transparent;
  background: var(--brand-a-hover);
  color: white;
  font-weight: 400;
  /* letter-spacing: 0.12rem; */
  font-family: inherit;
  transition: color 1s ease, background 1s ease;
}

form.cms-form input[type="submit"]:hover,
form.cms-form input#button:hover,
form.cms-form input[type="submit"]:active,
form.cms-form input#button:active {
  background: #ebeae8;
  color: var(--brand-a-hover);
  cursor: pointer;
  border: 1px solid var(--brand-a-hover);
  transition: color 1s ease, background 1s ease;
}

/* used in blog and probably other places when I find them (members, ecom come to mind) */
/* html structure: <input type=text class=".cms_button-search"><button class=".cms-button-search-submit" type="submit"></button> */
form.cms-form input.cms-search-input {
  /*override default behaviour to work with adjoining search button */
  width: calc(100% - 50px);
  padding: 1em;
  margin-bottom: 1em;
}
.cms-search-button {
  /* must use <button> instead of <input> because <input> isn't elligble for ::before */
  position: relative;
  width: 50px;
  height: 52px;
  box-sizing: border-box;
  vertical-align: top;
  background: var(--brand-a);
  color: var(--brand-a-color);
  border: none;
}
.cms-search-button:hover {
  background: var(--brand-a-hover);
}

/* to change the color of this svg on hover, create a duplicate of the image and change the stroke value to the appropriate colour in the new svg */
.cms-search-button::after {
  content: url("images/magnifying-glass-white.svg");
}

.cmsDebug .cms-search-button::after {
  content: url("../../images/magnifying-glass-white.svg");
}



/* standard branded buttons used throughout the cms */
/* these button definitions *must* support a.cms_button_ and button.cms_button_ */
/* standard behaviour should be a button that conforms to the size of the content */
/* .cms_button_fullwidth is a button that conforms to the full width of the parent, all 3 basic buttons need to have a cms_button_fullwidth option */
.cms-button-a,
.cms-button-b,
.cms-button-cancel,
.cms-button-a:visited,
.cms-button-b:visited,
.cms-button-cancel:visited {
  padding: .75rem 1.5rem;
  box-sizing: border-box;
  /* border: none; */
  transition: background 0.3s, color 0.3s, border-color 0.3s;
  display: inline-block;
  cursor: pointer;
  font-weight: 900;
  font-size: 1.125rem;
  /* border-radius: 5px; */
}

.cms-button-a.btn-newsletter,
.cms-button-a.btn-newsletter:visited {
  background: transparent;
  border: 2px solid white;
  margin-left: 1rem;
}

/* using svg after effect*/
.cms-action-link::before,
.blog_widget ul.blog-list li::before {
  content: url("images/gt-black.svg");
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.3rem 0 0;
  width: 0.7rem;
  height: auto;
}

.cmsDebug .cms-action-link::before,
.cmsDebug .blog_widget ul.blog-list li::before {
  content: url("../../images/gt-black.svg");
}

.cms-button-a,
.cms-button-a:visited {
  /* main button style for all content */
  background: var(--brand-a);
  color: var(--brand-a-color);
  border: 2px solid var(--brand-a);
  transition: color 1s ease, background 1s ease, border 1s ease;
}
.cms-button-a:hover {
  background: var(--brand-a-hover);
  border-color: var(--brand-a-hover);
  color: var(--brand-a-hover-color);
  transition: color 1s ease, background 1s ease, border 1s ease;
}

.cms-button-b,
.cms-button-b:visited {
  /* not used in core cms, placeholder for sites that want an alternate button style for use in custom content. Note, more buttons can be added, but additional work will need to be undertaken to support them in tinymce */
  background: var(--brand-b);
  border: 2px solid var(--brand-b);
  color: var(--brand-b-color);
}
.cms-button-b:hover {
  background: var(--brand-b-hover);
  border-color: var(--brand-b-hover);
  color: var(--brand-b-hover-color);
}

/* 
button.cms-button-a,
button.cms-button-b,
button.cms-button-cancel,
button.cms-button-a:visited,
button.cms-button-b:visited,
button.cms-button-cancel:visited {
  border-width: 4px;
}
 */

 .cms-button-cancel {
  /* will be used in members */
  background: grey;
  color: white;
}
.cms-button-cancel {
  background: black;
}

.shoppingcart > svg {
  fill: green;
  transition: fill 1s;
  vertical-align: top;
}
.shoppingcart:hover > svg {
  fill: blue;
}

/****************************************************************/
/****************************************************************/

/****************************************************************/
/****************************************************************/

/****************************************************************/
/****************************************************************/

/****************************************************************/
/****************************************************************/

/****************************************************************/
/****************************************************************/

/****************************************************************/
/****************************************************************/

/*  toggleExpandable DIVS, start  */
.toggleExpandable {
  cursor: pointer;
  border-top: 1px solid #ababab;
  /* padding-top: .8rem; */
  position: relative;
  padding-left: 1.5rem;
}
.toggleExpandable::before {
  /* content: '\0025BC'; */
  content: "\00002B";
  margin-right: 0.75rem;
  float: left;
  width: 15px;
  text-align: center;
  font-weight: 500;
  font-size: 1.2rem;
  top: 1.25rem;
  display: block;
  position: absolute;
  left: 0;
  transition: font-size 1s ease;
}
.toggleExpandable.open::before {
  /* content: '\0025B2'; */
  content: "\00002D";
  font-size: 1.75rem;
  transition: font-size 1s ease;
}
.toggleExpandable h3 {
  margin: 1rem 0;
}
.expandableItem {
  display: none;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.toggleExpandable.lasttoggleExpandable {
  border-bottom: 1px solid #ababab;
  margin-bottom: 1.5rem;
}
.toggleExpandable.lasttoggleExpandable.open {
  border-bottom: none;
  margin-bottom: 0;
}
.toggleExpandable.lasttoggleExpandable.open + .expandableItem {
  border-bottom: 1px solid #ababab;
}

.toggleExpandable h2 {
  margin-top: 0.35rem;
}
/*  toggleExpandable DIVS, finish  */



/*  COLUMN TEXT DIVs, start  */
.column-text {
  display: flex;
}

.column-text > div {
  flex: 1;
  xdisplay: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1rem;
}
.column-text > div:first-child{
	padding-left:0;
}
.column-text > div:last-child{
	padding-right:0;
}

.column-text > div p:last-child {
  margin-bottom: 0;
}

/* .column-text > div p a {
  font-weight: 600;
} */
/*  COLUMN TEXT DIVs, finish  */



.testim-text-divider {
  border-bottom: 1px solid #ccc;
}


.h1-inside-banner {
  background: var(--brand-a);
  padding: 1.25rem 0;
  margin-bottom: 2rem;
}

.h1-inside-banner h1 {
  color: white;
  text-transform: uppercase;
  font-size: 3rem;
  font-weight: 600;
  margin-bottom: 0;
}


table td,
.page-events table td {
  padding: 1rem;

  color: black;
  margin-bottom: 2rem;
  font-size: 1.0625rem;
  font-weight: 300;
  line-height: 1.5em;
}

.page-site-map h1,
.page-events #page-content h1 {
  color: black;
  margin-bottom: 1.5rem;
}

.page-events #page-content #controlbar {
  display: none;
}

.page-events .eventcontent p {
  margin-bottom: 1rem;
}

.page-events .eventcontent {
  padding: 0;
}

.page-registration .text-box {
  margin: 0;
}

.page-registration .text-box h3 {
  margin-bottom: 0;
}

.page-events.fixed-header .nopgbanner,
.page-site-map.fixed-header .nopgbanner {
  height: 0;
}

/********************************************************************************/
/*********************** Main styles, Responsiveness ****************************/

@media only screen and (max-width: 1400px) {
}



@media only screen and (max-width: 1200px) {
}



@media only screen and (max-width: 1185px) {

  /* .column-text {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    grid-gap: 3rem 0;
  } */

}

@media only screen and (max-width: 1080px) {
}

@media only screen and (max-width: 992px) {
}

@media only screen and (max-width: 899px) {

}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 679px) {
  h1 {
    font-size: 2.25rem !important;
  }

  h2 {
    font-size: 1.875rem !important;
  }

  h3 {
    font-size: 1.5rem !important;
  }

  .column-text {
    display: block;
    margin-bottom: 1rem;
  }

  .column-text > div {
    padding: 1rem 0;
  }
}

@media only screen and (max-width: 576px) {
}

@media only screen and (max-width: 499px) {
  h1 {
    font-size: 2rem !important;
  }

  h2 {
    font-size: 1.625rem !important;
  }

  h3 {
    font-size: 1.25rem !important;
  }
}

@media only screen and (max-width: 485px) {
}

@media only screen and (max-width: 479px) {
}

@media only screen and (max-width: 375px) {
}