/* Custom styles */
.config_row.row_padding										  { padding: 6rem 0rem; }
.config_row.top_padding										  { padding: 6rem 0rem 0rem; }
.config_row.bottom_padding									{ padding: 0rem 0rem 6rem; }
.config_row.background_grey,
.config_column.background_grey							{ background-color: #f7f7f7; }
.config_row.twocol_width div.offset					{ max-width:1300px; margin: auto; }
.config_row.narrow_width,
.config_column.narrow_width								  { max-width:1050px; margin: auto; }

.config_row.page_header                           { display: flex; justify-content: center; align-items: center; height: 200px; position: relative; }
.config_row.page_header div.content h1            { font-family: 'Cabin', sans-serif; font-size: 2.0rem; text-transform: uppercase; font-weight:600; color: #ffffff; text-align: center; position: relative; z-index: 10; background-color: rgba(51, 51, 241, 0.8); padding: 8px 20px;}

.config_row.section_grey div.content h3			{ margin: 0% 0% 0.5em 0%;  font-size: 1.5em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #ffffff; }

.config_column.white_panel                  { padding: 0 0 2rem 0; background-color: #FFFFFF;}
.config_column.white_panel div.content h2,
.config_column.white_panel div.content h3,
.config_column.white_panel div.content h4,
.config_column.white_panel div.content p,
.config_column.white_panel div.content ul               { padding: 0 2rem;}

.config_column.grey_panel                   { padding: 4rem 3rem; background-color: #f7f7f7;}
.config_column.section_padding              { padding: 2rem 2rem 0rem 0;}
.config_column.section_margin               { margin: 0 3.125rem;}
.config_column.section_automargin           { margin: auto;}
.config_column.top_padding                  { padding: 2rem 0rem 0rem 0;}
.config_column.form_width                  { max-width:700px; margin: auto; }

.config_column.left_offset div.content                { max-width: 730px; width: 100%; margin-left: auto; padding: 4rem 5rem 4rem 1rem; }
.config_column.right_offset div.content               { max-width: 730px; width: 100%; margin-right: auto; padding:4rem 1rem 4rem 5rem; }

.config_column.background_image div.content           { padding: 1em 0; display: flex; justify-content: center; align-items: center; position: relative; min-height: 100px; }
.config_column.background_image div.content  h2,
.config_column.background_image div.content  h3, 
.config_column.background_image div.content  p        { color: #ffffff;}
.config_column.background_image div.content  h2       { font-size: 3rem; font-weight: 600;}

.config_column.blue_panel                  { margin: 0 0.25em;  }
.config_column.blue_panel  a .heading       { display: block; min-height:54px; font-size: 1em; font-weight: 400; color: #fff; background-color: #3d579c; padding: 8px; text-transform: uppercase; line-height: normal; text-align: center; }
.config_column.blue_panel a .icon           { background-color: #3333f1; text-align: center; line-height: 160px; display: block; min-height: 160px; transition: all 300ms ease;}
.config_column.blue_panel img               { vertical-align: middle; }
.config_column.blue_panel a .icon:hover     { background-color: #ed3338; }


@media only screen and (max-width: 800px)
{
.config_row.row_padding										  { padding: 2rem 0rem; }
.config_row.narrow_width,
.config_column.narrow_width								  { max-width:700px; margin: auto; }
.config_row.page_header div.content h1      { font-size: 2.5rem; }
.config_column.section_margin               { margin: 0 auto 2rem;}
.config_column.background_image div.content  h2       { font-size: 2.75rem; line-height: 4rem; padding: 0 3rem;}
.config_column.white_panel                  { padding: 0 0 2rem 0; max-width:96%; margin: 0 auto 3em;}

.config_row.page_header                           { display: flex; justify-content: center; align-items: center; height: 150px; position: relative; }
.config_row.page_header div.content h1            { font-family: 'Cabin', sans-serif; font-size: 1.5rem; text-transform: uppercase; font-weight:600; color: #ffffff; text-align: center; position: relative; z-index: 10; background-color: rgba(51, 51, 241, 0.8); padding: 8px 20px;}


.config_container .coltype_image              { min-height: 300px; background-size: 100%; order:1;}
.config_column.left_offset                   { order:2;}
.config_column.left_offset div.content       { max-width: 800px; width: 100%; margin-left: auto; padding: 1rem; order:2;}
.config_column.right_offset                  {  order:2;}
.config_column.right_offset div.content       { max-width: 800px; width: 100%; margin-right: auto; padding:1rem; order:2;}

.config_column.section_automargin           { margin: 0 auto 2em;}

.config_column.blue_panel                   { margin: 0 auto; max-width:90%; }
.config_column.blue_panel  a .heading       { min-height:50px; font-size: 1.5em;  }

}}

@media only screen and (max-width: 600px)
{
  .config_row.row_padding										  { padding: 2rem 0rem; }
  .config_row.page_header div.content h1      { font-size: 1.925rem; }
  .config_column.section_margin               { margin: 0 auto 2rem;}
  .config_column.background_image div.content  h2       { font-size: 2.5rem; line-height: 3.5rem; padding: 0 1rem;}
  .config_column.white_panel div.content h2,
.config_column.white_panel div.content h3,
.config_column.white_panel div.content h4,
.config_column.white_panel div.content p,
.config_column.white_panel div.content ul               { padding: 0 1.5rem;}
}