/* JO BRUCE TRAINING*/

/*
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */

p, ol, ul {
font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 1px;
line-height: 1.25;
color: #0D0D0D;
}

H1  {
font-family: playfair-display, serif;
font-weight: 700;
font-style: normal;
font-size: 36px;
letter-spacing: 1px;
line-height: 1.25;
color: #0D0D0D;
text-transform: capitalize;
text-shadow: .125rem .125rem .25rem rgb(13 13 13 / 10%);
}

H2  {
font-family: playfair-display, serif;
font-weight: 700;
font-style: normal;
font-size: 28px;
letter-spacing: 1px;
line-height: 1.25;
color: #0D0D0D;
text-transform: capitalize;
text-shadow: .125rem .125rem .25rem rgb(13 13 13 / 10%);
}

H3  {
font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 28px;
letter-spacing: 1px;
line-height: 1.25;
color: #A6A6A6;
text-transform: capitalize;
}

H4  {
font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 20px;
letter-spacing: 1px;
line-height: 1.25;
color: #A6A6A6;
text-transform: capitalize;
}

H5, DT  {
    font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 16px;
letter-spacing: 1px;
line-height: 1.25;
color: #A6A6A6;
text-transform: capitalize;
}

H6  {

}

.secondary_textcolor, div.secondary_textcolor > h1,  div.secondary_textcolor > p, div.secondary_textcolor > p > a, div.secondary_textcolor > h2, div.secondary_textcolor > h2 > a {
color: #f2f2f2;
}

#contact_hero > div > h2 > a, #contact_hero > div > div > div > p > a {
    color: #0D0D0D;
}

div.secondary_textcolor > p > a:hover, div.secondary_textcolor > h2 > a:hover, #services_highight > div.div3_text > p > a:hover, #services_highight > div.div4_text > p > a:hover, #services_highight > div.div5_text > p > a:hover, #services_highight > div.div6_text > p > a:hover, #services_highight > div.div7_text > p > a:hover, #services_highight > div.div8_text > p > a:hover, #contact_hero > div > h2 > a:hover, #contact_hero > div > div > div > p > a:hover {
color: #D9043E;
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
    color: #0D0D0D;
    text-decoration: none;
    text-underline-offset: 2px;
}

A:visited   {
}

A:hover {
    text-decoration: underline;
    color: #D9043E;
}

u {
    text-decoration-color: #D9043E;
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

/*PADDING*/

.container, .dnn_layout, #testimonials_hero, #testimonials_1 {
    padding-right: 5vw;
    padding-left: 5vw;
    margin-right: auto;
    margin-left: auto;
}

div.container, #about_quote, #about_whoswho, #about_referral > div.div4, #services_hero, #services_leadership, #testimonials_susie > div.div2, #testimonials_4 > div.div2, #testimonials_5, #testimonials_6 > div.div2, #testimonials_8 > div.div2, #contact_hero, #contactform_title {
    padding-right: 5vw;
    padding-left: 5vw;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
}

.paddingtop_main, #services_highight, #about_quote {
padding-top: 16vh;
}

.paddingbottom_main, #about_highlight > div.div4, #services_highight > div.div1, #bkgdcolor_quote, #clients, #about_quote, #about_experience, #about_whoswho, #about_life, #services_hero, #services_leadership, #services_team, #services_sales, #services_communication, #services_more, #services_speech, #testimonials_1, #testimonials_2, #testimonials_susie, #testimonials_3, #testimonials_4, #testimonials_5, #testimonials_6, #testimonials_2, #testimonials_8 {
padding-bottom: 16vh;
}

#about_highlight > div.div4, #clients > div.div1, #footer, #contact_hero {
    padding-bottom: 8vh;
}

#footer, #about_life {
    padding-top: 8vh;
}

.paddingright_main, #dnn_BannerPane > div.DnnModule.DnnModule-DNNGoPowerForms.DnnModule-929, #services_highight > div.div1 {
padding-right: 5vw;
}

.paddingleft_main, #dnn_BannerPane > div.DnnModule.DnnModule-DNNGoPowerForms.DnnModule-929, #services_highight > div.div1 {
padding-left: 5vw;
}

.paddingtop_secondary {
    padding-top: 15vw;
}

.paddingbottom_secondary {
    padding-bottom: 15vw;
}

.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .container-fluid:after, .container-fluid:before, .dnn_layout:after, .dnn_layout:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: none;
} 

/*BACKGROUND COLORS*/

.background_dark {
    background-color: #0D0D0D;
}

.background_accent {
    background-color: #f2f2f2;
}

body {
    background-color: #f2f2f2;
}

/*BUTTONS*/

.dg-btn-1, div.Theme_01_Default .form_submit .submit_but, .dg-btn-2 {
padding: 13px 20px 10px;
text-transform: capitalize;
font-family: playfair-display, serif;
font-weight: 700;
font-style: normal;
font-size: 18px;
letter-spacing: 0px;
line-height: 1.25;
color: #f2f2f2;
border-radius: 0px;
display: inline-block;
background-size: 105%!important;
background-position: center!important;
-webkit-transition: all ease-in 300ms;
background-color: #D9043E;
text-shadow: 0 0px 0px rgb(255 255 255 / 0%);
background-image: none;
box-shadow: .125rem .125rem .25rem rgb(13 13 13 / 10%);
border: #D9043E solid 2px!important;
}

.dg-btn-1:hover, .Theme_01_Default .form_submit .submit_but:hover  {
    background-color: #f2f2f2!important;
    border: #D9043E solid 2px!important;
    color: #D9043E!important;
}

.button_cta {
    padding-top: 2em;
}

.dg-btn-2 {
    color: #0D0D0D;
    background-color: transparent;
    border: #0D0D0D solid 2px!important;
}

.dg-btn-2:hover {
    color: #0D0D0D;
    background-color: #0D0D0D;
    border: #0D0D0D solid 2px!important;
}

/*HEADER & MENU */

.mobile_right_icon, .headerBox .nav_ico {
        background-color: #D9043E;
    padding: 1em;
 margin: -1.2em 0em;
 box-shadow: 0.125rem 0.125rem 0.25rem rgb(13 13 13 / 10%);
}

.headerBox .nav_ico {
    padding: 1em 1em .5em;
     margin: 2em 0vw;
}

.headerBox .nav_ico .fa {
    margin-right: 0px;
}

.headerBox .nav_ico .fa:hover {
    color: #0D0D0D;
    opacity: 1;
}

.headerBox .dnn_logo {
    padding-top: 2vw;
}

#dnngo_megamenu > div > ul > li:hover > a > span, #dnngo_megamenu > div > ul > li.current > a > span, #dnngo_megamenu > div > ul > li.menu_hover > a > span, #dnngo_megamenu > div > ul > li > a:hover > span > i, #dnngo_megamenu > div > ul > li.menu_hover > a > span > i, #dnngo_megamenu > div > ul > li.current > a > span > i, .mobile_menu.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li.subcurrent > a:not(.mm-next), .mobile_menu.mm-menu .mm-listview > li > a:not(.mm-next):hover, .mobile_menu.mm-menu .mm-listview > li.current > em, .mobile_menu.mm-menu .mm-listview > li.subcurrent > em, .mobile_menu.mm-menu .mm-listview > li > em:hover, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover > em, .mobile_menu.mm-menu .mm-listview > li.current > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li.subcurrent > .mm-next:after, .mobile_menu.mm-menu .mm-listview > li > .mm-next:hover:after, #dnngo_megamenu .primary_structure > li, #dnngo_megamenu > div > ul > li, #mm-0 > ul > li > a > span > a > span, .mobile_menu .mm-listview > li > a, #dnngo_megamenu > div > ul > li > a > span {
font-family: playfair-display, serif;
font-weight: 700!important;
font-style: normal;
font-size: 28px!important;
letter-spacing: 1px;
line-height: 1.25;
}


.mm-title {
    display: none;
}

#dnngo_megamenu > div > ul > li > a > span:before {
border-bottom: 3px solid #0d0d0d;
padding-bottom: .5em;
}

.mobile_nav > .shade {
    background-color: transparent;
    box-shadow: none;
}

.mobile_dnn_logo {
    padding: 1em 0vw 0vw;
}

.mobile_header, .mobile_dnn_logo, .mobile_nav {
    height: 75px;
}

.roll_menu.roll_activated .headerBox .nav_ico {

}

.roll_menu.roll_activated .nav_ico .fa, .roll_menu.roll_activated .nav_ico .searchBox input.NormalTextBox {
    color: #f2f2f2;
}

.roll_menu.roll_activated .nav_ico .fa:hover, .roll_menu.roll_activated .nav_ico .searchBox input.NormalTextBox:hover {
    color: #0D0D0D;
}

.centerBox.header9 .toggle_leftBox {
    color: #0D0D0D;
}

/*FOOTER*/

#eapps-instagram-feed-1 > div > div.eapps-instagram-feed-content > div.eapps-instagram-feed-posts-container > div > div.eapps-instagram-feed-posts-grid-load-more-container.eapps-instagram-feed-posts-grid-load-more-enabled > div {
    display: none;
}

.jbt.social {
 margin-top: 5vw;
}

.jbt.social h2 {
 text-align: left;
 margin: 0 5vw;
}


.footer-10 .footer-bottom {
    color: #f2f2f2;
    background-color: #D9043E;
    font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 14px;
letter-spacing: 1px;
line-height: 1.25;
padding: 2em 0em;
}

.kyb_web_credits {
    padding-top: 1em;
}

#footer {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(7, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: .5em;
grid-template-areas: "logo"
                     "phone"
                     "home"
                     "about"
                     "services"
                     "testimonials"
                     "better"
                     "contact";
border-top: 1px solid #f2f2f2;
background-color: #0D0D0D;
}

#dnn_BottomOutPane {
    /*background-color: #0D0D0D;*/
}

#footer > div.div1 { 
    grid-area: 1 / 1 / 9 / 2; 
    /*background-color: #0D0D0D;*/
    }
#footer > div.div2 { grid-area: logo; }
#footer > div.div3 { grid-area: phone; }
#footer > div.div4 { grid-area: home; }
#footer > div.div5 { grid-area: about; }
#footer > div.div6 { grid-area: services; }
#footer > div.div7 { grid-area: testimonials; }
#footer > div.div8 { grid-area: contact; }
#footer > div.div9 { grid-area: better; }

#footer > div > p > a {
    color: #f2f2f2;
}

#footer > div > p > a:hover {
    color: #D9043E;
   /* text-decoration: none;*/
}

/*FORMS*/
.dg-form-content.form-line .form-control-wrap > .form_input {
    background-color: rgb(115 115 115 / 10%)
}

.dg-form-content.form-line label.fixlabel {
    padding-left: 1em;
}

.dg-form-content.form-line.dark .form-control-wrap input[type=text], .dg-form-content.form-line.dark .form-control-wrap input[type=email], .dg-form-content.form-line.dark .form-control-wrap input[type=url], .dg-form-content.form-line.dark .form-control-wrap input[type=tel], .dg-form-content.form-line.dark .form-control-wrap input[type=number], .dg-form-content.form-line.dark .form-control-wrap input[type=date], .dg-form-content.form-line.dark .form-control-wrap select, .dg-form-content.form-line.dark .form-control-wrap textarea, .dg-form-content.form-line.dark .fixline:before, .dg-form-content.form-line.dark label, .dg-form-content.form-line.dark label.valid, .dg-form-content.form-line.dark li:not(.from-footer) input, .dg-form-content.form-line.dark select, .dg-form-content.form-line.dark textarea {
   font-family: open-sans, sans-serif;
font-weight: 400;
font-style: normal;
font-size: 18px;
letter-spacing: 1px;
line-height: 1.25;
padding-left: 1em;
}

#form_div_929 .form_list > li {
    padding: 0px 0px 20px 0px!important;
}
#form_div_929 .form_list {
    margin: 0 0 0 0px!important;
}

/*HERO SECTIONS - MOBILE*/
#hero > div.div1, #about_highlight > div.div1, #about_hero > div.div1, #about_quote > div.div1_bkgd, #about_referral > div.div1, #about_whoswho > div.div1_bkgd, #about_experience > div.div2, #about_experience > div.div3, #about_experience > div.div4, #about_experience > div.div5, #services_leadership > div.div1, #services_team > div.div1,  #services_sales > div.div1, #services_communication > div.div1, #services_more > div.div1, #services_speech > div.div1, #testimonials_1 > div.div1, #testimonials_4 > div.div1, #testimonials_6 > div.div1, #testimonials_8 > div.div1 {
box-shadow: .125rem .125rem .25rem rgb(13 13 13 / 0%);
}

#hero > div.div4 > h1, #about_hero > div.div4 > h1, #services_hero > div.div1 > h1, #testimonials_hero > div > h1, #contact_hero > div > h1, #thankyou_hero > div > h1, #error_hero > div > h1 {
    font-size: 58px;
}



#hero {
display: grid;
grid-template-columns: 1fr;
grid-column-gap: 0px;
grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text";
padding: 3vh 5vw 16vh;
}

#hero > div.div1 { grid-area: image; 
background-image: url(/Portals/6/Images/Jo%20Bruce%20Headshot.jpg);
background-size: cover;
background-position: center;
    height: 50vh;
}
#hero > div.div2 { grid-area: image; }
#hero > div.div3 { grid-area: text; }
#hero > div.div4 { grid-area: text; 
place-self: end;
}


#about_hero {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text";
padding: 3vh 5vw 0vh;
}

#about_hero > div.div1 { grid-area: image; 
background-image: url(/Portals/6/Images/Jo%20Bruce%20Headshot.jpg);
background-size: cover;
background-position: center;
height: 50vh;
}

#about_hero > div.div2 { grid-area: image; }
#about_hero > div.div3 { grid-area: text; }
#about_hero > div.div4 { grid-area: text; 
place-self: end;
}


#betteryourbest_hero {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text";
padding: 3vh 5vw 5vh;
}

#betteryourbest_hero > div.div2 { grid-area: image; }
#betteryourbest_hero > div.div4 { grid-area: text; }

#betteryourbest_hero > div.div4 > .button_cta > a {
    width: 100%;
    text-align: center;
}

#betteryourbest_hero > div.div4 > h1 {
    margin-bottom: 0;
}

#betteryourbest_hero > div.div4 > h3 {
    margin-top: 0;
}

#betteryourbest_hero > div.div4 > p {
    padding-top: 3vh;
}

#error_hero {
height: 100vh;
}

#services_hero, #thankyou_hero {
height: 85vh;
}

.quote_open {
    padding: 1em 0em;
}
div.container.div2 > h4 {
    padding: .5em 0em 0em;
}

#testimonials_hero {
height: 65vh;
}

#testimonials_hero > div.div1, #thankyou_hero > div.div1, #error_hero > div.div1 {
    place-self: center;
}

#testimonials_hero > div > h1 {
 text-align: left;
}

/*HOME PAGE- MOBILE*/

#about_highlight {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "text"
                     "image";
}

#about_highlight > div.div1 { grid-area: image; 
background-image: url(/Portals/6/Jo%20Bruce%20Headshot%20with%20Glasses%20on%20Chin.jpg);
background-size: cover;
background-position: center;
height: 60vh;
}

#about_highlight > div.div2 { grid-area: image; }
#about_highlight > div.div3 { grid-area: text; }
#about_highlight > div.div4 { grid-area: text; place-self: center;}



/*#dnn_content > div:nth-child(13) > div:nth-child(4) {
    padding: 5vw 0vw;
}*/

#dnn_ctr930_HtmlModule_lblContent > div > div.row {
    padding: 1em 0em;
}



#services_highight {
display: grid;
grid-template-columns: repeat (6, 1fr);
/*grid-template-rows: repeat(8, 1fr);*/
grid-template-areas: "text text text text text text"
                     ". coaching coaching coaching coaching coaching"
                     ". coachingtxt coachingtxt coachingtxt coachingtxt coachingtxt"
                     "team team team team team ."
                     "teamtxt teamtxt teamtxt teamtxt teamtxt ."
                     ". sales sales sales sales sales"
                     ". salestxt salestxt salestxt salestxt salestxt"
                    
;
grid-column-gap: 1em;
grid-row-gap: 1em;
}


#services_highight > div.div1 { grid-area: text; }
#services_highight > div.div2 { grid-area: cta; }
#services_highight > div.div3, #services_highight > div.div3_overlay { grid-area: coaching; 
}

#services_highight > div.div3_text { grid-area: coachingtxt; 
}

#services_highight > div.div4, #services_highight > div.div4_overlay  { grid-area: team; }

#services_highight > div.div4_text { grid-area: teamtxt; 
}

#services_highight > div.div5, #services_highight > div.div5_overlay  { grid-area: sales; }

#services_highight > div.div5_text { grid-area: salestxt; 
}


#services_highight > div.div3, #services_highight > div.div4 , #services_highight > div.div5 {
background-size: cover;
background-position: center;
}

#services_highight > div.div3 {
background-image: url(/Portals/6/Blonde-Woman-Speaking-to-Two-Business-People%20Up%20Close.png);
}

#services_highight > div.div4 {
background-image: url(/Portals/6/Business-People-Sitting-Around-Conference-Table%20Up%20Close.png);
}

#services_highight > div.div5 {
background-image: url(/Portals/6/Business%20People%20Sitting%20at%20Hightop%20Table%20Up%20Close.png);
 -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

#services_highight > div.div6 {
background-image: url(/Portals/6/Images/Rectangle%202138.png);
}

#services_highight > div.div7 {
background-image: url(/Portals/6/Images/Rectangle%202138.png);
}

#services_highight > div.div8 {
background-image: url(/Portals/6/Images/Rectangle%202138.png);
}

#services_highight > div.div3, #services_highight > div.div4, #services_highight > div.div5, #services_highight > div.div6, #services_highight > div.div7, #services_highight > div.div8 {
    height: 50vh;
    }


/*#services_highight > div.div3_overlay, #services_highight > div.div4_overlay, #services_highight > div.div5_overlay, #services_highight > div.div6_overlay, #services_highight > div.div7_overlay, #services_highight > div.div8_overlay { 
background: rgb(13,13,13);
background: linear-gradient(3deg, rgba(13,13,13,1) 0%, rgba(13,13,13,0) 100%);
    border-bottom: 5px solid #D9043E;*/
}

#services_highight > div.div3_text, #services_highight > div.div4_text, #services_highight > div.div5_text, #services_highight > div.div6_text, #services_highight > div.div7_text, #services_highight > div.div8_text { 
  place-self: end start;
  padding: .5em;
}

#services_highight > div > h2 > a {
    color: #0D0D0D;
}

#services_highight > div.div3_text > h2, #services_highight > div.div4_text > h2, #services_highight > div.div5_text > h2 {
    text-align: center;
}



#bkgdcolor_quote {
display: grid;
grid-template-columns: 5vw repeat(4, 1fr) 5vw;
/*grid-template-rows: repeat(3, 1fr);*/
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-areas: "line1 quoteopen . . . ."
". text text text text ."
". . . . quoteclosed line2";
}

#bkgdcolor_quote > div.div1 { grid-area: line1; }
#bkgdcolor_quote > div.div2 { grid-area: quoteopen; }
#bkgdcolor_quote > div.div3 { grid-area: text; }
#bkgdcolor_quote > div.div4 { grid-area: quoteclosed;}
#bkgdcolor_quote > div.div5 { grid-area: line2; }

#bkgdcolor_quote > div.div3 {
    text-align: justify;
}

#bkgdcolor_quote > div.div3 {
    padding: 6vh 0vw;
}

#bkgdcolor_quote > div.div2 > img, #bkgdcolor_quote > div.div4 > img, #about_quote > div.div1_overlay > img, #testimonials_1 > div.container.div2 > div > img, #testimonials_2 > div.div2 > div > img,  #testimonials_susie > div.div2 > div > img, #testimonials_3 > div.div2 > div > img, #testimonials_4 > div.div2 > div > img, #testimonials_5 > div > div > img, #testimonials_6 > div.div2 > div > img, #testimonials_2 > div.div2 > div > img, #testimonials_8 > div.div2 > div > img {
        height: 7vh;
}

#bkgdcolor_quote > div.div1, #bkgdcolor_quote > div.div5 {
    border-top: solid 4px #D9043E;
    place-self: center;
    width: 100%;
}

#clients {
display: grid;
grid-template-columns: 5vw repeat(4, 1fr) 5vw;
/*grid-template-rows: repeat(3, 1fr);*/
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-areas: ". text text text text ."
                    ". . . ford ford ."
                    ". hap hap ford ford ."
                    ". hap hap bluecross bluecross  ."
                    ". hap hap bluecross bluecross  ."
                    ". hap hap bluecross bluecross ."
                    ". trottlaw trottlaw bluecross bluecross ."
                    ". trottlaw trottlaw . . .";
}

#clients > div.div1 {
    grid-area: text; 
}
#clients > div.div2.bkgd {
    grid-area: 2 / 1 / 9 / 7;
    background-image: url(/Portals/6/RedStrippedBackground.jpg);
    background-size: cover;
    margin: 2em 0;
}

#clients > div.ford {
    grid-area: ford; 
}

#clients > div.hap {
    grid-area: hap; 
}

#clients > div.bluecross {
    grid-area: bluecross; 
}
#clients > div.trottlaw {
    grid-area: trottlaw; 
}

#clients > div.bkgd.ford, #clients > div.bkgd.hap, #clients > div.bkgd.bluecross, #clients > div.bkgd.trottlaw {
background-color: #f2f2f2;
}

#clients > div.div3.ford, #clients > div.div5.hap, #clients > div.div4.bluecross, #clients > div.div6.trottlaw {
    place-self: center center;
    padding: 1em;
    text-align: center;
}

#clients > div.bkgd.ford {
    border-top: solid 4px #D9043E;
}

#clients > div.bkgd.trottlaw {
    border-bottom: solid 4px #D9043E;
}

/*ABOUT PAGE - MOBILE */

#about_quote {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-template-areas: "image"
                     "text"
;
grid-column-gap: 1em;
grid-row-gap: 4vh;
}

#about_quote > div.div1_bkgd, #about_quote > div.div1_overlay { grid-area: image; }
#about_quote > div.div2 { grid-area: text; }

#about_quote > div.div1_bkgd {
    background-image: url(/Portals/6/Images/Vince_lombardi_bart_starr.jpg);
    height: 45vh;
    background-size: cover;
}

#about_quote > div.div1_overlay > span, #testimonials_1 > div.div2 > div > span, #testimonials_2 > div.div2 > div > span, #testimonials_3 > div.div2 > div > span, #testimonials_4 > div.div2 > div > span, #testimonials_5 > div.div1 > div > span, #testimonials_6 > div.div2 > div > span, #testimonials_7 > div.div2 > div > span {
    color: #D9043E;
}

#about_quote > div.div1_overlay{
margin-top: -6vw;
}

#about_experience {
display: grid;
grid-template-columns: 5vw repeat(2, 1fr) 5vw;
/*grid-template-rows: repeat(4, 1fr);*/
grid-column-gap: 1em;
grid-row-gap: 1em;
grid-template-areas: "line text text ."
                    ". image1 image4 ."
                     ". image3 image4 ."
                     ". image3 image2 ."
                     ;

}

#about_experience > div.div1 { grid-area: text; padding-bottom: 14vh;}
#about_experience > div.div2 { 
    grid-area: image1; 
    background-image: url(/Portals/6/Reaching%20Higher%20For%20Life%20Logo%20On%20White%20Background.png);
    }
#about_experience > div.div3 { 
    grid-area: image2; 
        background-image: url(/Portals/6/About-Jo-Bruce-Training-Business-People-Bumping-Fists.jpg);
    }
#about_experience > div.div4 { 
    grid-area: image3; 
        background-image: url(/Portals/6/Nurse%20Holding%20Stethoscope.jpg);
        background-position: left;
    }
#about_experience > div.div5 { 
    grid-area: image4; 
        background-image: url(/Portals/6/About-Jo-Bruce-Training-Automotive-Assembly-Line.jpg);
    }

    #about_experience > div.div6 { grid-area: line;
    border-top: solid 4px #D9043E;
    place-self: center;
    width: 100%; 
 
    }

 #about_experience > div.div2, #about_experience > div.div3,   #about_experience > div.div4, #about_experience > div.div5 {
background-size: cover; 
background-position: center;
 }   

 #about_experience > div.div2, #about_experience > div.div3 {
     height: 20vh;
 }   

  #about_experience > div.div4, #about_experience > div.div5 {
     height: 40vh;
 }   

  #about_experience > div.div2 {
    margin-top: -8vh;
 } 


#about_experience > div.div2, #about_experience > div.div4 {
    margin-left: -1em;
}

#about_experience > div.div3, #about_experience > div.div5 {
    margin-right: -1em;
}

#about_whoswho {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-template-areas: "text"
                     "image"
;
}

#about_whoswho > div.div1_bkgd { grid-area: image; }
#about_whoswho > div.div2 { grid-area: text; padding-bottom: 4vh;}

#about_whoswho > div.div1_bkgd {
    background-image: url(/Portals/6/Images/Whos%20Who.jpg);
    height: 45vh;
    background-size: cover;
    background-position: center;
    border-bottom: solid 4px #D9043E;
}

#about_referral {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-template-areas: "text"
                     "image";
}

#about_referral > div.div1 {grid-area: image;}
#about_referral > div.div4 { grid-area: text; padding-bottom: 4vh;}

#about_referral > div.div1 {    
    background-image: url(/Portals/6/Jo%20Bruce%20Headshot%20with%20Hands%20on%20Chin.jpg);
    height: 45vh;
    background-size: cover;
    background-position: center;
    }


#about_life {
display: grid;
grid-template-columns: 5vw 1fr 5vw;
grid-column-gap: 1em;
grid-template-rows: 1fr;
grid-template-areas: "line text .";
}

#about_life > div.div1 {
    grid-area: text;
}

#about_life > div.div2 {
    grid-area: line;
    border-top: solid 4px #D9043E;
    place-self: start;
    width: 100%;
    margin-top: 2.5vh;
}

/*SERVICES PAGE- MOBILE*/



#services_hero, #contact_hero, #thankyou_hero, #error_hero {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 1em;
    grid-row-gap: 1em;
    grid-template-areas: "text";
}


#services_hero > div.div1, #contact_hero > div.div1, #thankyou_hero > div.div1, #error_hero > div.div1 {
    grid-area: text;
}

#services_hero > div {
    place-self: end;
}

#services_leadership {
    display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: repeat(2, 1fr);*/
    grid-column-gap: 0;
    grid-row-gap: 4vh;
    grid-template-areas: "image"
                         "text";
}

#services_leadership > div.div1 {
    grid-area: image;
    background-image: url(/Portals/6/Business-People-Giving-a-High-Five.jpg);
    height: 55vh;
    background-size: cover;
    background-position: bottom;
}

#services_leadership > div.div2 {
    grid-area: text;
}

#services_communication {
    display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: repeat(2, 1fr);*/
    grid-column-gap: 0em;
    grid-row-gap: 4vh;
    grid-template-areas: "image"
                         "text";
}

#services_communication > div.div1 {
    grid-area: image;
    background-image: url(/Portals/6/Jo%20Bruce%20Headshot%20with%20Glasses%20on%20Chin.jpg);
    height: 60vh;
    background-size: cover;
    background-position: center;
}

#services_communication > div.div2 {
    grid-area: text;
}

#services_team {
    display: grid;
    grid-template-columns: 5vw 1fr;
    /* grid-template-rows: repeat(2, 1fr); */
    grid-column-gap: 0em;
    grid-row-gap: 4vh;
    grid-template-areas: ". image"
                         "line text";
}

#services_team > div.div1 {grid-area: image;}
#services_team> div.div4 { grid-area: text; padding-right: 5vw; padding-left: 1em;}
#services_team> div.div5, #services_more > div.div5 { grid-area: line; border-top: solid 4px #D9043E;
       width: 100%; place-self: center;}

#services_team > div.div1 {    
    background-image: url(/Portals/6/Business-People-Sitting-Around-Conference-Table.jpg);
    height: 30vh;
    background-size: cover;
    background-position: right;
    background-repeat: no-repeat;
    }

#services_more {
display: grid;
    grid-template-columns: 1fr 5vw;
    /* grid-template-rows: repeat(2, 1fr); */
    grid-column-gap: 0em;
    grid-row-gap: 4vh;
    grid-template-areas: "image ."
        "text line";
}
#services_more > div.div1 {grid-area: image;}
#services_more > div.div4 { grid-area: text; padding-left: 5vw; padding-right: 1em;}
#services_more > div.div5 { grid-area: line; }

#services_more > div.div1 {    
    background-image: url(/Portals/6/Auditorium-Filled-with-People.jpg);
    height: 50vh;
    background-size: cover;
    background-position: center;
    }


#services_sales {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0em;
grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text" ;
}

#services_sales > div.div1 {grid-area: image;}
#services_sales > div.div2 { grid-area: text;}


#services_sales > div.div1 {    
    background-image: url(/Portals/6/Business%20People%20Sitting%20at%20Hightop%20Table%20Up%20Close.png);
    height: 40vh;
    background-size: cover;
    background-position: right;
    margin-right: 5vw;
    }

#services_sales > div.div2, #services_communication > div.div2, #services_speech > div.div2 {
    padding-right: 5vw;
    padding-left: 5vw;
}



#services_speech {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0;
grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text" ;
}

#services_speech > div.div1 {grid-area: image;}
#services_speech > div.div2 { grid-area: text;}

#services_speech > div.div1 {    
    background-image: url(/Portals/6/Jo%20Bruce%20Headshot%20with%20Arms%20Crossed.jpg);
    height: 40vh;
    background-size: cover;
    background-position: center;
    }

/*TESTIMONIALS PAGE- MOBILE*/

#testimonials_hero {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 5vw;
    grid-row-gap: 2em;
    grid-template-areas: "text";
}

#testimonials_hero > div.div1 {
    grid-area: text;
}


#testimonials_1, #testimonials_6, #testimonials_8 {
    display: grid;
    grid-template-columns: 1fr;
    /*grid-template-rows: repeat(2, 1fr);*/
    grid-column-gap: 0;
    grid-row-gap: 4vh;
    grid-template-areas: "text"
                         "image";
}




#testimonials_6, #testimonials_8 {
    grid-template-areas: "image"
                         "text";
}

#testimonials_1 > div.div1, #testimonials_6 > div.div1, #testimonials_8 > div.div1 {
    grid-area: image;
    height: 60vh;
    background-size: cover;
    background-position: center;
}

#testimonials_1 > div.div2, #testimonials_6 > div.div2, #testimonials_8 > div.div2 {
    grid-area: text;
}



#testimonials_1 > div.div1 {
    background-image: url(/Portals/6/JohnFikany--Color---Web.jpg);
}

#testimonials_6 > div.div1 {
    background-image: url(/Portals/6/MichaelContant--Color---Web.jpg);
}

#testimonials_8 > div.div1 {
    background-image: url(/Portals/6/Jo-Bruce-Photo-Dr-Mel-Campbell_Color.jpg);
}

#testimonials_4, #testimonials_susie {
display: grid;
grid-template-columns: 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
    grid-row-gap: 4vh;
grid-template-areas: "image"
                     "text" ;
}

#testimonials_4 > div.div1, #testimonials_susie > div.div1 {grid-area: image;}
#testimonials_4> div.div2, #testimonials_susie > div.div2 { grid-area: text;}

#testimonials_4 > div.div1 {    
    background-image: url(/Portals/6/David-Trott---Color---Web.jpg);
    height: 40vh;
    background-size: cover;
    background-position: center;
}

#testimonials_susie {
     grid-row-gap: 4vh;
grid-template-areas: "text"
                      "image";
}

#testimonials_susie > div.div1 {    
    background-image: url(/Portals/6/Susie-Dahlman-with-red-shirt.jpg);
    height: 40vh;
    background-size: cover;
    background-position: left;
}

#testimonials_5 {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "text";
}

#testimonials_5 > div.div1 {
    grid-area: text;
}

#testimonials_6 > div.div1, #testimonials_8 > div.div1 {
    margin: 0vw 5vw 0vw 0vw;
    
}

#testimonials_2 {
    display: grid;
grid-template-columns: 5vw repeat(4, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-column-gap: 1em;
    grid-template-areas: "line text text text text .";
}

#testimonials_3 {
    display: grid;
grid-template-columns: 5vw repeat(4, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-column-gap: 1em;
    grid-template-areas: ". text text text text line";
}

#testimonials_2 > div.div1, #testimonials_3 > div.div1 {
    grid-area: line;
    border-top: solid 4px #D9043E;
    place-self: center;
    width: 100%;
}

#testimonials_2 > div.div2, #testimonials_3 > div.div2  {
    grid-area: text;
}

/*CONTACT PAGE - MO*/

#contact_hero > div.div1 {
    place-self: end start;
}

#contact_hero > div > div {
    padding-top: 1em;
}

#contact_hero > div > h2 {
    padding-top: 1em;
}

#contact_hero {
height: 85vh;
}

/*-----404 Error Page----*/

#error_hero > div.div1 {
    padding-bottom: 8vh;
    position: relative;
    z-index: 6;
}



#error_hero > div.div2 {
grid-area: text;
position: relative;
overflow: hidden;
text-align: right;
padding-top: 6vh;
padding-right: 5vw;
z-index: 5;
}


#error_hero > div.div2 > img {
    opacity: .05;
    height: 125%;
}

.wave {
  animation-name: wave-animation;  /* Refers to the name of your @keyframes element below */
  animation-duration: 2.5s;        /* Change to speed up or slow down */
  animation-iteration-count: infinite;  /* Never stop waving :) */
  transform-origin: 70% 70%;       /* Pivot around the bottom-left palm */
  display: inline-block;
      opacity: .05;
    height: 100%;
}

@keyframes wave-animation {
    0% { transform: rotate( 0.0deg) }
   10% { transform: rotate(14.0deg) }  /* The following five values can be played with to make the waving more or less extreme */
   20% { transform: rotate(-8.0deg) }
   30% { transform: rotate(14.0deg) }
   40% { transform: rotate(-4.0deg) }
   50% { transform: rotate(10.0deg) }
   60% { transform: rotate( 0.0deg) }  /* Reset for the last half to pause */
  100% { transform: rotate( 0.0deg) }
}

/*END MOBILE VIEW*/

/*MEDIA QUERIES*/

/*DESKTOP*/

@media screen and (min-width: 1025px) {

.mobile {
    display: none;
}

.paddingbottom_main, #about_highlight > div.div4, #services_highight > div.div1, #bkgdcolor_quote, #clients {
    padding-bottom: 16vh;
}

#about_experience,  #about_life {
    padding-top: 16vh;
}

/*FOOTER - DESK*/

.jbt.social h2 {
 text-align: center;
}

.kyb_web_credits {
padding: 0em;
}

.footer-10 .footer-bottom {
    padding: 2em 0em 3em;
}

#footer {
grid-template-columns: auto;
grid-template-rows: 1fr;
grid-column-gap: 1em;
grid-row-gap: 0px;
grid-template-areas: "logo home about services testimonials better contact phone";
}

#footer > div.div1 { grid-area: 1 / 1 / 2 / 9;}

 #footer > div.div4, #footer > div.div5, #footer > div.div6, #footer > div.div7, #footer > div.div8, #footer > div.div9 {
    place-self: end center;
}

#footer > div.div2 {
    place-self: start;
}

#footer > div.div3 {
    place-self: end;
}



/*HERO SECTIon - DESK*/

#hero, #about_hero {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-areas: "image text";
height: 100vh;
margin-top: 0px;
margin-right: 0;
}

#hero > div.div1, #about_hero > div.div1 {
    height: 100%;
    background-position: center;
}

#hero > div.div4, #about_hero > div.div4 {
    place-self: center start;
    padding: 0 5vw;
}

#hero > div.div4 > h1, #about_hero > div.div4 > h1, #services_hero > div.div1 > h1, #testimonials_hero > div > h1, #contact_hero > div > h1, #thankyou_hero > div > h1, #error_hero > div > h1 {
    font-size: 84px;
}


#testimonials_hero, #thankyou_hero, #error_hero {
height: 100vh;
}






/*HOME - DESK*/

#services_highight {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(6, 1fr);


grid-template-areas: "text coaching . ."
                    "text coaching team ."
                    "text coaching team sales"
                    "text coachingtxt team sales"
                    "text . teamtxt sales"
                    "text . . salestxt"
;
    padding-right: 5vw;
    padding-left: 5vw;
    padding-top: 16vh;
    margin-bottom: -0vh;
    height: 110vh;
}

#services_highight > div.div1 {
    padding-left: 0;
    padding-right: 0;
}

#services_highight > div.div1 {
    padding-bottom: 0;
}

#about_highlight {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5vw;
grid-row-gap: 0px;
grid-template-areas: "image text";
}

#about_highlight > div.div1 {
height: 90vh;
}



#bkgdcolor_quote > div.div4 { place-self:  center end;}

#bkgdcolor_quote > div.div2 > img, #bkgdcolor_quote > div.div4 > img {
    height: 6vw;
}

#bkgdcolor_quote > div.div3 {
    text-align: center;
    padding: 8vh 0vw;
}

#clients {
grid-template-columns: 5vw 1fr 1fr 5vw repeat(4, 1fr) 5vw;
/*grid-template-rows: repeat(3, 1fr);*/
grid-template-areas: ". text text . ford ford . . ."
                    ". text text . ford ford hap hap ."
                    ". text text . bluecross bluecross hap hap ."
                    ". text text . bluecross bluecross hap hap ."
                    ". text text . bluecross bluecross trottlaw trottlaw ."
                    ". text text . . . trottlaw trottlaw .";
height: 70vh;
}

#clients > div.div1 {
    place-self: center start;
    padding: 5vw 0em;
}

#clients > div.bkgd.div2 { grid-area: 1 / 4 / 7 / 10; }

#clients > h4, #clients > h2 {
    text-align: center;
}


#dnn_ctr930_HtmlModule_lblContent > div > h2 {
    padding-top: 3em;
}

/*ABOUT - DESK*/

#about_hero {
grid-template-areas: "text image";
}

#about_quote {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
grid-template-rows: 1fr;
grid-template-areas: ". image image image text text text text text . "
;
}

#about_quote > div.div1_overlay {
    margin-top: -2vw;
    margin-left: -2vw;
}

#about_quote > div.div2 {
  padding: 8vh 0vw 8vh 5vw;
  place-self:  center center;
      margin-left: -1em;
}

#about_quote > div.div1_bkgd {
    height: 35vw;
}

#about_experience {
grid-template-columns: 5vw repeat(4, 1fr) 5vw;
/*grid-template-rows: repeat(4, 1fr);*/
grid-template-areas: "line text text image1 image4. "
                     "line text text image3 image4 ."
                     "line text text image3 image4 ."
                     "line text text image3 image2 .";
                         grid-column-gap: 1em;
    grid-row-gap: 1em;
}



#about_experience > div.div1 {
    padding: 0 5vw 0 0;
    place-self: center;
}

#about_experience > div.div5 {
        margin-top: 8vh;
}

#about_experience > div.div6 {
place-self: center;
        border-top: none;
    border-bottom: solid 4px #D9043E;
    margin-top: 0;
}

#about_experience > div.div2, #about_experience > div.div3 {
    height: 20vw;

}
#about_experience > div.div2 {
    margin-top: 0;
}

#about_experience > div.div4, #about_experience > div.div5 {
    height: 30vw;
}

#about_whoswho {
grid-template-columns: repeat(10, 1fr);
grid-template-rows: 1fr;
grid-template-areas: ". image image image image image text text text . "
;
}

#about_whoswho > div.div2 {
    place-self: end;
    padding: 1em 0 4vh 5vw;
}

#about_whoswho > div.div1_bkgd {
    height: 35vw;
}

#about_referral {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-template-areas: "text image";
}


#about_referral > div.div1 {
    height: 50vw;
}

#about_referral > div.div4 {
    place-self: start;
    padding-top: 4vh;
}

#about_life {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text text text . ";
}
#about_life {
    grid-template-areas: "line line text text text text text text . . ";
}

/*SERVICE PAGE - DESK*/

#services_hero, #contact_hero, #thankyou_hero {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text text text  .";
    padding-right: 0;
    padding-left: 0;
    grid-column-gap: 0;
}

#services_hero {
    height: 100vh;
    margin-bottom: -16vh;
    padding-bottom: 0;
}

#services_hero > div {
    place-self: center;
}

#services_leadership {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text text text . ";
}

#services_leadership > div.div1 {
    height: 50vw;
}

#services_leadership > div.div2 {
    padding-left: 5vw;
    place-self: center start;
}

#services_communication {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". . text text text image image image image .";
}

#services_communication > div.div2 {
    padding-right: 5vw;
    padding-left: 0;
    place-self: center start;
}

#services_communication > div.div1 {
    height: 50vw;
}

#services_team {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "line line text text text text image image image image";
}


#services_team > div.div1 {    
height: 49vw;
background-position: center;
}

#services_team > div.div4 {
    place-self: center;
}

#services_more {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text line line line";
}


#services_more > div.div1 {    
    height: 50vw;
    }

#services_more > div.div4 {
    place-self: center start;
}

#services_sales {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". image image image text text text text text text . .";
}


#services_sales > div.div1 {    
    height: 25vw;
    margin-right: 0;
    }

#services_sales > div.div2 {
    place-self: center start;
}

#services_speech {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". . text text text text image image image .";
}

#services_speech > div.div1 {    
    height: 40vw;
    }

#services_speech > div.div2 {
    place-self: center start;
    padding-left: 0;
}

/*TESTIMONIALS PAGE - DESK*/

#testimonials_hero, #error_hero {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text text text .";
}

#testimonials_hero {
margin-bottom: -10vh;
}

#testimonials_1, #testimonials_6, #testimonials_8 {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "text text text text text image image image image image";
}



#testimonials_1 > div.div2, #testimonials_6 > div.div2, #testimonials_8 > div.div2, #testimonials_4 > div.div2, #testimonials_susie > div.div2 {
    place-self: center;
    padding-top: 16vw;
    padding-bottom: 16vw;
    padding-right: 5vw;
}

#testimonials_1 > div.div1, #testimonials_6 > div.div1, #testimonials_8 > div.div1, #testimonials_4 > div.div1, #testimonials_susie > div.div1 {
    height: 100%;
}

#testimonials_4, #testimonials_susie {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text text text .";
}



#testimonials_susie {
    grid-template-areas: ". text text text text text image image image image";
}

#testimonials_2 {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "line line line line text text text text text text";
}

#testimonials_3 {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: " . . text text text text text text line line line ";
}

#testimonials_2 > div.div2, #testimonials_3 > div.div2 {
        padding-left: 5vw;
}

#testimonials_susie > div.div2, #testimonials_3 > div.div2 {
    padding-left: 0;
}

#testimonials_3 > div.div2, #testimonials_2 > div.div2 {
    padding-right: 5vw;
}

#testimonials_4 > div.div2 {
    padding-right: 0;
}

#testimonials_5 {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text . ";
}

/*CONTACT PAGE - DESK*/

#contact_hero > div > h2 {
    padding-top: 4em;
}


/*BETTER YOUR BEST PAGE - DESK*/

#betteryourbest_hero {
display: grid;
grid-template-columns: 1fr 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0;
grid-template-areas: "text image";
}

#betteryourbest_hero > div.div4 {
    place-self: center;
}

#betteryourbest_hero > div.div4 > .button_cta > a {
    width: fit-content;
}


/* 404 Error Page - DESK */

#error_hero {
    grid-template-areas: "text text text text text text text text text text";
}

#error_hero > div.div2 {
    grid-template-areas: text text text text text text text text text text;
}





  /*END DESKTOP VIEW*/
}



/*TABLET*/

@media all and (min-width:769px) and (max-width:1024px) {

    .mobile {
    display: none;
}

.dnn_layout, .container {
    width: 100%;
}


#services_highight > div.div1 {
    padding-bottom: 8vh;
}

#about_life {
    padding-top: 16vh;
}

/*FOOTER - TABLET*/

.jbt.social h2 {
 text-align: center;
}

#footer {
grid-template-columns: repeat(6, 1fr);
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 1em;
grid-row-gap: .5;
grid-template-areas: "logo logo logo phone phone phone"
                     "home about services testimonials better contact";
}

#footer > div.div1 { grid-area: 1 / 1 / 3 / 7; }

#footer > div.div5, #footer > div.div6, #footer > div.div7, #footer > div.div9 {
    place-self: center center;
}

#footer > div.div2, #footer > div.div4 {
    place-self: center start;
}

#footer > div.div3, #footer > div.div8 {
    place-self: center end;
}

/*HOME - TABLET*/

#hero, #about_hero {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 5vw;
grid-row-gap: 0px;
grid-template-areas: "text image";
}


#hero > div.div4, #about_hero > div.div4 {
    place-self: center start;
}



#about_highlight {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 1em;
grid-row-gap: 0px;
grid-template-areas: "image text";
}

#about_highlight > div.div1 {
height: auto;
}

#services_highight {
display: grid;
grid-template-columns: repeat(3, 1fr);
/*grid-template-rows: repeat(6, 1fr);*/
grid-template-areas: "text text text"
                    "coaching team sales "
                    "coachingtxt teamtxt salestxt "
                   
;
}

#services_highight > div.div3, #services_highight > div.div4, #services_highight > div.div5, #services_highight > div.div6, #services_highight > div.div7, #services_highight > div.div8 {
    height: 30vh;
}

#services_highight > div.div3_text {
    margin-top: -8vh;
}

#services_highight > div.div4_text {
margin-top: -4vh;
}

#services_highight > div.div4 {
    margin: 4vh 0 0;
}

#services_highight > div.div5 {
    margin: 8vh 0 0;
}

#about_highlight > div.div4 {
    padding: 4vh 0vw 4vh 5vw;
}

#bkgdcolor_quote {
    height: 60vh;
}

#bkgdcolor_quote > div.div1, #bkgdcolor_quote > div.div2 {
    place-self: end start;
}
#bkgdcolor_quote > div.div3 {
    place-self: center;
}

#bkgdcolor_quote > div.div4, #bkgdcolor_quote > div.div5 {
    place-self: start end;
}

#bkgdcolor_quote > div.div3 {
    text-align: center;
}

#bkgdcolor_quote > div.div2 > img, #bkgdcolor_quote > div.div4 > img {
    height: 6vw;
}

#bkgdcolor_quote > div.div4 > img {
    margin-top: -1em;
}

/*ABOUT PAGE - TABLET*/

#about_quote {
grid-template-columns: repeat(10, 1fr);
grid-template-rows: 1fr;
grid-template-areas: ". image image image text text text text text . "
;
}

#about_quote > div.div1_overlay {
    margin-top: -2vw;
    margin-left: -2vw;
}

#about_quote > div.div2 {
  padding: 3em 0em 3em 5vw;
  place-self:  center center;
}

#about_quote > div.div1_bkgd {
    height: 100%;
}

#about_experience > div.div2, #about_experience > div.div3 {
    height: 35vw;
}

#about_experience > div.div4, #about_experience > div.div5 {
    height: 70vw;
}

#about_whoswho {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
grid-template-rows: 1fr;
grid-template-areas: ". image image image image image text text text . "
;
}

#about_whoswho > div.div2 {
    place-self: end;
    padding: 1em 0 4vh 5vw;
}

#about_referral {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-template-areas: "text image";
}


#about_referral > div.div1 {    
    height: 100%;
    }

#about_referral > div.div4 {
    place-self: start;
}

#about_life {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "line line text text text text text text . . ";
}

#services_hero, #contact_hero, #thankyou_hero {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text text text  .";
    padding-right: 0;
    padding-left: 0;
    grid-column-gap: 0;
}

#services_leadership {
    grid-template-columns: repeat(10, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text text text text ";
}

#services_leadership > div.div1 {
    height: 50vw;
}

#services_leadership > div.div2 {
    padding-left: 5vw;
    place-self: center start;
}

#services_team {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "line line text text text text image image image image";
}


#services_team > div.div1 {    
height: 49vw;
background-position: center;
}

#services_team > div.div4 {
    place-self: center;
}

#services_sales > div.div1 {
    margin-right: 0;
}

#services_sales {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". image image image text text text text text text . .";
}


#services_sales > div.div1 {    
    height: 40vw;
    margin-right: 0;
    }

#services_sales > div.div2 {
    place-self: center start;
}

#services_communication {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text image image image image .";
}

#services_communication > div.div2 {
    padding-right: 5vw;
    padding-left: 0;
    place-self: center start;
}

#services_communication > div.div1 {
    height: 50vw;
}


#services_more {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text text line line";
}


#services_more > div.div1 {    
    height: 50vw;
    }

#services_more > div.div4 {
    place-self: center start;
}

#services_speech {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text image image image .";
}

#services_speech > div.div1 {    
    height: 40vw;
    }

#services_speech > div.div2 {
    place-self: center start;
    padding-left: 0;
}

/*TESTIMONIALS PAGE - TABLET*/

#testimonials_hero, #error_hero {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text text text .";
}

#testimonials_hero {
margin-bottom: -10vh;
}

#testimonials_1, #testimonials_6, #testimonials_8 {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: "text text text text image image image image";
}

#testimonials_1 > div.div2, #testimonials_6 > div.div2, #testimonials_8 > div.div2, #testimonials_4 > div.div2, #testimonials_susie > div.div2 {
    place-self: center;
    padding-top: 0vw;
    padding-bottom: 0vw;
    padding-right: 5vw;
}

#testimonials_1 {
    padding-right: 0;
}

#testimonials_1 > div.div1, #testimonials_6 > div.div1, #testimonials_8 > div.div1, #testimonials_4 > div.div1, #testimonials_susie > div.div1 {
    height: 100%;
}

#testimonials_4, #testimonials_susie {
    grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "image image image image text text text text text .";
}



#testimonials_susie {
    grid-template-areas: ". text text text text text image image image image";
}

#testimonials_2 {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: "line line line line text text text text text text";
}

#testimonials_3 {
grid-template-columns: 5vw repeat(8, 1fr) 5vw;
    grid-template-rows: 1fr;
    grid-template-areas: " . . text text text text text text line line line ";
}

#testimonials_2 > div.div2, #testimonials_3 > div.div2 {
        padding-left: 5vw;
}

#testimonials_susie > div.div2, #testimonials_3 > div.div2 {
    padding-left: 0;
}

#testimonials_3 > div.div2, #testimonials_2 > div.div2 {
    padding-right: 5vw;
}

#testimonials_4 > div.div2 {
    padding-right: 0;
}

#testimonials_5 {
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: 1fr;
    grid-template-areas: ". text text text text text text . ";
}

/*BETTER YOUR BEST PAGE - TABLET*/

#betteryourbest_hero {
display: grid;
grid-template-columns: 1fr 1fr;
/*grid-template-rows: repeat(2, 1fr);*/
grid-column-gap: 0px;
grid-row-gap: 0;
grid-template-areas: "text image";
}

#betteryourbest_hero > div.div4 {
    place-self: center;
}




/*END TABLET VIEW*/
}