html,body,#header { min-width: 320px; }
#main { padding-bottom: 0 !important; min-height: 91vh; background-color: #FBFBFB; }

header.pro-centre { position: relative; min-height: 300px; }
header.pro-centre .bg { background-color: rgba(39,129,191,1); background-image: -moz-linear-gradient(left, rgba(39,129,191,1) 0%, rgba(8,175,183,1) 100%); background-image: -webkit-gradient(left top, right top, color-stop(0%, rgba(39,129,191,1)), color-stop(100%, rgba(8,175,183,1))); background-image: -webkit-linear-gradient(left, rgba(39,129,191,1) 0%, rgba(8,175,183,1) 100%); background-image: -o-linear-gradient(left, rgba(39,129,191,1) 0%, rgba(8,175,183,1) 100%); background-image: -ms-linear-gradient(left, rgba(39,129,191,1) 0%, rgba(8,175,183,1) 100%); background-image: linear-gradient(to right, rgba(39,129,191,1) 0%, rgba(8,175,183,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2781bf', endColorstr='#08afb7', GradientType=1 ); position: absolute; width: 100%; height: 120%; background-size: cover; left: 0; top: 0; z-index: 0; background-position: center; }
header.pro-centre .bg > svg { position: absolute; bottom: -1px; max-height: 120px; }

header.pro-centre .content { position: relative; z-index: 1; padding: 2em 0; }

header.pro-centre .content .breadcrumb-list { margin: 0 auto 2em; list-style: none; max-width: 1036px; }
header.pro-centre .content .breadcrumb-list > li { display: inline-block; }
header.pro-centre .content .breadcrumb-list > li > span { border: none; color: #FFF; font-weight: bold; }
header.pro-centre .content .breadcrumb-list > li > * { display: inline-block; border-bottom: solid 1px; color: #D0ECF1; text-decoration: none; }
header.pro-centre .content .breadcrumb-list > li > i.fa { border: 0; margin: 0 .2em; }

header.pro-centre .content .titles { text-align: center; color: #FFF; padding: 0 2em 2em; }
header.pro-centre .content .titles > h1 { margin: .4em auto 0; color: #FFF; font-weight: 700; max-width: 650px; }
header.pro-centre .content .titles > p { max-width: 400px; margin: 0 auto 20px; width: 80%; color: #D0ECF1; font-size: 1.4em; line-height: 1.3; }
header.pro-centre .content .titles > p > a { color: #D0ECF1; text-decoration: underline; }

.pro-centre-main { position: relative; max-width: 1160px; border-radius: 4px; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; margin: 0 auto 5rem; }

.pro-centre-main > .inner { padding: 2rem; color: #666; }

.pro-centre-main.home { background-color: transparent; box-shadow: none; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: justify; -o-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 1.5rem; }
.pro-centre-main.home > * { -webkit-flex-basis: 32%; -moz-flex-basis: 32%; -ms-flex: 0 0 32%; -o-flex-basis: 32%; flex-basis: 32%; }
.pro-centre-main.home .item { box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); background-color: #FFF; text-align: center; border-radius: 4px; border: solid 1px #EEE; min-height: 200px; }
.pro-centre-main.home .item > .contents { padding: 2em; display: block; }
.pro-centre-main.home .item > .contents + .contents { border-top: solid 1px #F0F0F0; }
.pro-centre-main.home .item > .contents > img { height: 35px; width: auto; margin: 0 0 1em; }
.pro-centre-main.home .item > .contents > h3 { font-weight: bold; font-size: 1.4rem; color: rgb(20, 61, 100); }
.pro-centre-main.home .item > .contents > p { margin: 0; font-size: .9rem; }
.pro-centre-main.home .item > .contents > span { color: #48A7FE; font-size: 1rem; }
.pro-centre-main.home .item > .contents > p > a { color: #48A7FE; }


.pro-centre-main.home > .grouped { display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; -o-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-flex-pack: justify; -o-justify-content: space-between; justify-content: space-between; }
.pro-centre-main.home > .grouped .item { height: 48.5%; min-height: 250px; -webkit-justify-content: center; -moz-justify-content: center; -ms-flex-pack: center; -o-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-flex-align: center; -o-align-items: center; align-items: center; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -o-flex; display: flex; }

.pro-centre-main.home .item > .contents .articles .article-preview { margin: 1.5rem 0 0; font-size: 0; display: block; }
.pro-centre-main.home .item > .contents .articles .article-preview > .img { vertical-align: top; display: inline-block; width: 90px; height: 90px; background-position: center; background-size: cover; }
.pro-centre-main.home .item > .contents .articles .article-preview > .right-content { font-size: 16px; width: calc(100% - 90px); display: inline-block; vertical-align: top; padding: 0 0 0 1em; text-align: left; }
.pro-centre-main.home .item > .contents .articles .article-preview > .right-content > p { line-height: 1.4; margin: 0; font-weight: bold; }
.pro-centre-main.home .item > .contents .articles .article-preview > .right-content > p > a { color: rgb(20, 61, 100); }
.pro-centre-main.home .item > .contents .articles .article-preview > .right-content > span { font-size: .8em; color: #666; }
.pro-centre-main.home .item > .contents .articles .article-preview > .right-content > span:before { color: #48A7FE; margin: 0 .5em 0 0; content: "\f017"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.pro-centre-main.home .item.success-stories > .contents .img { background-size: cover; background-position: center; min-height: 250px; position: relative; box-shadow: 1px 2px 16px 0px rgba(0, 0, 0, 0.17); }
.pro-centre-main.home .item.success-stories > .contents .img > .fa { position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 4rem; margin: -60px 0 0 -32px; text-shadow: 0px 0px 7px #333; cursor: pointer; transition: opacity .2s, text-shadow .2s; opacity: .5 }
.pro-centre-main.home .item.success-stories > .contents .img > .fa:hover { opacity: 1; text-shadow: 0px 0px 7px #333; }
.pro-centre-main.home .item.success-stories > .contents .img > p { line-height: 1.4; padding: .8em .5em; margin: 0; position: absolute; bottom: 0; left: 0; color: #FFF; width: 100%; }
.pro-centre-main.home .item.success-stories > .contents .img > p > .bg { width: 100%; height: 100%; background-color: #61b3fc; position: absolute; opacity: .74; top: 0; left: 0; }
.pro-centre-main.home .item.success-stories > .contents .img > p > .text { position: relative; }
.pro-centre-main.home .item.success-stories > .contents > p.title { color: #999; padding: 1em .5em; font-size: 15px; font-style: italic; }


.pro-centre-main .elite-pro { padding: 2rem 8rem; }
.pro-centre-main .elite-pro .item { margin: 0 0 5em; position: relative; height: 200px; }
.pro-centre-main .elite-pro .item > section { display: inline-block; vertical-align: middle; }
.pro-centre-main .elite-pro .item > section > .image { width: 100%; height: 200px; background-size: cover; background-position: center; border-radius: 2px; box-shadow: 0px 0px 12px -4px #333; -webkit-transform: skewY(2deg); -moz-transform: skewY(2deg); -ms-transform: skewY(2deg); transform: skewY(2deg); }
.pro-centre-main .elite-pro .item > section > .icon { height: 50px; width: auto; }
.pro-centre-main .elite-pro .item > section > h3 { font-weight: bold; font-size: 1.2rem; color: rgb(20, 61, 100); }
.pro-centre-main .elite-pro .item > .image-item { width: 38%; }
.pro-centre-main .elite-pro .item > .text-item { width: 60%;padding: 2em 0 2em 4em; }
.pro-centre-main .elite-pro .item.right-leaning > .image-item.wide-hide { display: none;}
.pro-centre-main .elite-pro .item.right-leaning > .text-item { padding: 2em 4em 2em 0; }

.pro-centre-main > .success-stories > .item { padding: 3em 0; }
.pro-centre-main > .success-stories > .item > section { display: inline-block; vertical-align: top; }
.pro-centre-main > .success-stories > .item > .main { width: 56%; }
.pro-centre-main > .success-stories > .item > .item-image { border-radius: 4px; background-position: 50% 50%; width: 38%; margin: 0 5% 0 0; height: 250px; background-size: cover; position: relative; transform: skewY(1deg); box-shadow: 0px 5px 16px 4px rgba(0, 0, 0, 0.15); }
.pro-centre-main > .success-stories > .item > .item-image > .fa { position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 6rem; margin: -48px 0 0 -41px; text-shadow: 0px 0px 7px #333; cursor: pointer; transition: opacity .2s, text-shadow .2s; opacity: .5 }
.pro-centre-main > .success-stories > .item > .item-image > .fa:hover { opacity: 1; text-shadow: 0px 0px 7px #333; }
.pro-centre-main > .success-stories > .item.right-leaning > .item-image { margin: 0 0 0 5%; transform: skewY(-1deg); }
.pro-centre-main > .success-stories > .item.right-leaning > .item-image.wide-hide { display: none; }

.pro-centre-main > .success-stories > .item > .main > .top > * { display: inline-block; vertical-align: top; }
.pro-centre-main > .success-stories > .item > .main > .top > .name { padding: 0 1em; max-width: calc(95% - 50px); }
.pro-centre-main > .success-stories > .item > .main > .top > .name > h4 { margin: 0; color: rgb(20, 61, 100); font-weight: bold; }
.pro-centre-main > .success-stories > .item > .main > .top > .name > p { color: rgba(20, 61, 100, .8); }
.pro-centre-main > .success-stories > .item > .main > .top > img { width: 50px; height: 50px; text-align: center; line-height: 50px; background-color: #EEE; border-radius: 50%; }

.pro-centre-main > .success-stories > .item > .main > .bottom > p { font-size: 1em; }
.pro-centre-main > .success-stories > .item > .main > .bottom > p > a:link { font-style: italic; }

/* ARTICLE */
.pro-centre-main.article-container { background: none; box-shadow: none; }
.pro-centre-main.article-container > * { display: inline-block; vertical-align: top; }

.pro-centre-main.article-container > nav { width: 34%; margin: 0 2% 0 0; }
.pro-centre-main.article-container > nav > ul { margin: 0; list-style: none; padding: 1rem 0; }
.pro-centre-main.article-container > nav > ul > li > a { border-top: solid 1px #f1f1f1; font-size: 0; padding: .6rem 1rem .6rem 2rem; color: rgba(20, 61, 100, .8); display: block; transition: background .4s; }
.pro-centre-main.article-container > nav > ul > li:first-child > a { border-top: none; }
.pro-centre-main.article-container > nav > ul > li > a.active { font-weight: bold; color: rgb(20, 61, 100); }
.pro-centre-main.article-container > nav > ul > li > a:hover { background-color: #F0F0F0; }
.pro-centre-main.article-container > nav > ul > li > a > * { display: inline-block; font-size: 16px; }
.pro-centre-main.article-container > nav > ul > li > a > img { width: 50px; height: 50px; background: #48a7fc; border-radius: 50%; vertical-align: top; filter: grayscale(1); opacity: .5; }
.pro-centre-main.article-container > nav > ul > li > a > .content-container { width: calc(100% - 50px); padding: 0 0 0 1em; }
.pro-centre-main.article-container > nav > ul > li > a > .content-container > * { display: block; cursor: pointer; }
.pro-centre-main.article-container > nav > ul > li > a > .content-container .nav-label { font-weight: bold; }
.pro-centre-main.article-container > nav > ul > li > a > .content-container .blurb { font-size: .9em; font-weight: normal; color: #666; }
.pro-centre-main.article-container > nav > ul > li > a.active > img { filter: grayscale(0); opacity: 1; }

.pro-centre-main.article-container > article .pro-centre-mob-nav { padding: 2em 2em 0; display: none; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content { background-color: #FFF; border: solid 1px #EEE; position: relative; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content .current-section { cursor: pointer; padding: 1em; display: block; font-size: 1.2em; position: relative; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content .current-section:after { position: absolute; right: 15px; top: 20px; content: "\f107"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content > ul { display: none; list-style: none; margin: 0; border-top: none; position: absolute; width: 100%; background-color: #FFF; border: solid 1px #EEE; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1); }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content > ul > li { display: block; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content > ul > li > a { text-align:left;display: block; color: #666; padding: .5em 1em; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content > ul > li > a:hover { background-color: #48a7fc; color: #FFF; }
.pro-centre-main.article-container > article .pro-centre-mob-nav > .content > ul.open { display: block; }

.pro-centre-main.article-container > article { width: 63%; overflow: hidden; }
.pro-centre-main.article-container > article > p { padding: 2rem; margin: 0; }
.pro-centre-main.article-container > article > p > a { color: #48A7FE; padding: 0 0 1px; border-bottom: solid 1px #48A7FE; }
.pro-centre-main.article-container > article > p + p { padding-top: 0; } /* A <p> following a <p> */
.pro-centre-main.article-container > article > h4 { padding: 2rem 2rem .5rem; margin: 0; color: rgb(20, 61, 100); font-weight: bold; }
.pro-centre-main.article-container > article > p + h4 { padding: 0 2rem .5rem; } /* A <h4> following a <p> */
.pro-centre-main.article-container > article > h4 + p { padding: 0 2rem 2rem; } /* A <p> following a <h4> */
.pro-centre-main.article-container > article > img { border-top: solid 1px #F0F0F0; border-bottom: solid 1px #F0F0F0; width: 100%; }
/*.pro-centre-main.article-container > article > h4 + img { border-top: solid 1px #F0F0F0; border-bottom: solid 1px #F0F0F0; }  An <img> following a <h4> */
.pro-centre-main.article-container > article > p.ghg-large-txt { font-size: 18px; font-weight: bold; color: rgb(20, 61, 100); padding: 0 2rem 1rem; }
.pro-centre-main.article-container > article > p.image-container { text-align: center; }
.pro-centre-main.article-container > article > ol { margin: 0 0 0 1.4rem; padding: 0 2rem; }
.pro-centre-main.article-container > article > :last-child { padding-bottom: 2rem; }


.elite-banner-lower { margin: 0 auto 5rem; overflow: hidden; position: relative; font-size: 0; }
.elite-banner-lower > .main { padding: 20px; width: 60%; background-color: #FFF; display: inline-block; }
.elite-banner-lower > .main > h4 { font-weight: bold; color: rgb(20, 61, 100); }
.elite-banner-lower > .main > .button-container > a { display: inline-block; font-size: 1rem; padding: .4rem; border-radius: 3px; background-color: rgb(242, 192, 50); color: #FFF; }
.elite-banner-lower > .main > .button-container > a > span { margin: 0 .3em 0 0; }

.elite-banner-lower .polygon { display: inline-block; height: 100%; vertical-align: top; width: 41%; position: absolute; background-size: cover; background-position: 60% 0%; left: 60%; }
.elite-banner-lower .polygon svg { width: 30px; display: inline-block; height: 100%; position: absolute; }


.founder-banner { margin: 0 auto 5rem; overflow: hidden; position: relative; font-size: 0; }
.founder-banner > .main { padding: 20px; width: 60%; background-color: #FFF; display: inline-block; }
.founder-banner > .main > h4 { font-weight: bold; color: rgb(20, 61, 100); }
.founder-banner > .main > p { max-width: 430px; }
.founder-banner > .main > .button-container > a { display: inline-block; font-size: 1rem; padding: .4rem .9rem; border-radius: 3px; background-color: #48A7FC; color: #FFF; font-weight: bold; }
.founder-banner > .main > .button-container > a > span { margin: 0 .6em 0 0; }

.founder-banner .polygon { display: inline-block; height: 100%; vertical-align: top; width: 42%; position: absolute; background-size: cover; background-position: 60% 0%; left: 59%; }
.founder-banner .polygon > .fa { position: absolute; top: 50%; left: 50%; color: #FFF; font-size: 6rem; margin: -48px 0 0 -41px; text-shadow: 0px 0px 7px #333; cursor: pointer; transition: opacity .2s, text-shadow .2s; opacity: .5 }
.founder-banner .polygon > .fa.fa:hover { opacity: 1; text-shadow: 0px 0px 7px #333; }
.founder-banner .polygon svg { width: 30px; display: inline-block; height: 100%; position: absolute; top: 0; left: -1px; }

#success-stories-video-player.reveal-modal { position: fixed; width: 90vw !important; max-width: 1000px; min-width: 288px !important; height: 50vw; max-height: 562.5px; background: transparent; border: 0; padding: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; top: 50% !important; }
#success-stories-video-player.reveal-modal > .bark-icon-cross-o { right: -15px; top: -15px; color: #FFF; text-shadow: 0 0 10px #333; font-size: 30px; }

.modal-link { cursor:pointer; color: #008cba; text-decoration: none; line-height: inherit; }
.modal-link:hover { color: #0078A0; }

#pro-centre-complete-profile { background: transparent; border-radius: 0; width: auto; border: none; box-shadow: none; }
#pro-centre-complete-profile > img { width: auto; height: auto; box-shadow: 0 0 10px rgba(0,0,0,0.4); }

.example-responses.reveal-modal { width: 80%; padding: 2em; text-align: left; }
.example-responses.reveal-modal .msg { display: inline-block; width: calc(100% - 80px); vertical-align: top; padding: 1em; border-radius: 4px; background-color: #3eaefc; color: #FFF; position: relative; }
.example-responses.reveal-modal .msg:before { content: ''; display: inline-block; position: absolute; left: -8px; width: 30px; height: 30px; border-top: solid 15px #3eaefc; border-left: solid 15px #3eaefc; transform: rotate(-45deg); }
.example-responses.reveal-modal .msg > ul { font-family: Lato, sans-serif; }
.example-responses.reveal-modal > img { width: 50px; height: 50px; margin: 0 20px 0 0; border-radius: 50%; background-color: #EEE; }
.example-responses.reveal-modal > p { font-weight: bold; color: #999; }


.pro-centre-main.article-container .ghg-mobile-nav { display: none; padding: 2em 1em 1em; position: relative; max-width: 1160px; }
.pro-centre-main.article-container .ghg-mobile-nav > a { margin: 0 1em 0 0; display: inline-block; background-color: #FFF; width: 40px; height: 40px; line-height: 36px; text-align: center; border-radius: 50%; font-size: 1.3rem; box-shadow: 0px 0px 4px -1px #333; -webkit-transition: background-color .4s; -moz-transition: background-color .4s; transition: background-color .4s; }

@media (max-width: 1024px) {

    header.pro-centre .content .breadcrumb-list { width: 100%; margin: 0 0 0 -.8em; padding: 0; }

    .pro-centre-main.home { margin: 0 auto 4.5rem; }
    .pro-centre-main.home > .item { -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex: 0 0 48%; -o-flex-basis: 48%; flex-basis: 48%; display: block; vertical-align: top; }
    .pro-centre-main.home > .grouped { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex: 0 0 100%; -o-flex-basis: 100%; flex-basis: 100%; display: block; vertical-align: top; }
    .pro-centre-main.home > .grouped > .item { margin: 2em auto; min-height: 200px; }

    .contain-to-grid { padding: 1em 0; }

}

@media (max-width: 980px) {

    .pro-centre-main.article-container > nav > ul > li > a > img { display: none; }
    .pro-centre-main.article-container > nav > ul > li > a > .content-container { display: block; width: 100%; padding: 0; }

}

@media (max-width: 860px) {

    .pro-centre-main .get-hired-guide-home > .item { text-align: center; }
    .pro-centre-main .get-hired-guide-home > .item > .item-left { width: 100%; display: block; margin: 0 0 1em; }
    .pro-centre-main .get-hired-guide-home > .item > .item-right { width: 100%; display: block; }

    .pro-centre-main.article-container > article { width: calc(100% - 2% - 125px); }

    .pro-centre-main.article-container > nav { width: 120px; }
    .pro-centre-main.article-container > nav > ul > li > a > img { display: inline-block; }

    .pro-centre-main.article-container .ghg-mobile-nav { display: block; }

    .pro-centre-main > .success-stories > .item > .main { width: 51%; }
    .pro-centre-main > .success-stories > .item > .item-image { width: 43%; }

    .pro-centre-main .elite-pro { padding: 2rem 4rem; }
    .pro-centre-main.article-container > nav > ul > li > a > .content-container .nav-label{
        font-size: 15px !important;

    }
    .pro-centre-main.article-container > nav > ul > li > a:hover:hover{
        text-decoration: none !important;

    }
}

@media (max-width: 680px) {

    .pro-centre-main > .success-stories > .item { margin: 0 0 2em; }
    .pro-centre-main > .success-stories > .item + .item { padding: 0 0 3em; }
    .pro-centre-main > .success-stories > .item > section { display: block; }
    .pro-centre-main > .success-stories > .item > .item-image { width: 100%; transform: none; }
    .pro-centre-main > .success-stories > .item > .main { width: 100%; margin: 1.5em 0 0; }

    .pro-centre-main > .success-stories > .item.right-leaning > .item-image { display: none; margin: 0; }
    .pro-centre-main > .success-stories > .item.right-leaning > .item-image.wide-hide { display: block; transform: none; }

    .pro-centre-main .elite-pro { padding: 2rem; }

    .pro-centre-main.article-container > nav { width: 100%; display: none; }
    .pro-centre-main.article-container > article { width: 100%; display: block; margin: 0 auto; }

    .pro-centre-main.article-container > article .pro-centre-mob-nav { display: block; }

}

@media (max-width: 640px) {

    header.pro-centre .content .breadcrumb-list { padding: 0 0 0 1em; }

    .pro-centre-main.home { display: block; margin: 0 auto 2.5rem; }
    .pro-centre-main.home > * { width: 100%; }
    .pro-centre-main.home > .item { margin: 2em 0; }

}

@media (max-width: 560px) {

    .pro-centre-main { margin: 60px auto 0; width: 100%; border-radius: 0; box-shadow: none; background-color: #FBFBFB; }
    .pro-centre-main.home .item { width: 90%; margin: 1em auto; display: block; }
    .pro-centre-main.home .grouped .item { width: 90%; margin: 1em auto; display: block; }

    .pro-centre-main .elite-pro .item { height: auto; }
    .pro-centre-main .elite-pro .item > section { position: relative; }
    .pro-centre-main .elite-pro .item > .text-item { width: 100%; display: block; width: 100%; padding: .5em 0 0; }
    .pro-centre-main .elite-pro .item.right-leaning > .text-item { padding: .5em 0 0; }
    .pro-centre-main .elite-pro .item > .image-item { width: 100%; display: block; width: 100%; }
    .pro-centre-main .elite-pro .item > section > div.image { transform: none; }
    .pro-centre-main .elite-pro .item.right-leaning > .image-item { display: none;}
    .pro-centre-main .elite-pro .item.right-leaning > .image-item.wide-hide { display: block;}

    .pro-centre-main .get-hired-guide-home > .item { width: 100%; display: block; }

    .elite-banner-lower { margin: 0 auto 5em; padding: 0 2rem 2rem; }
    .elite-banner-lower > .main { width: 100%; background-image: url(https://d1w7gvu0kpf6fl.cloudfront.net/img/elite_mobile_bg_2x.jpg); background-size: cover; background-position: center right; padding: .7rem 2rem; }
    .elite-banner-lower > .main > h4 { font-size: 1.2rem; }
    .elite-banner-lower > .polygon { display: none; }

    .founder-banner { margin: 0 auto 5em; padding: 0 0 2rem; width: 90% }
    .founder-banner > .main { width: 100%; background-image: url(https://s3-eu-west-1.amazonaws.com/dev-bark-static/img/pro_centre/founders_thumb.jpg); background-size: cover; background-position: center right; padding: .7rem 2rem; }
    .founder-banner > .main > h4 { font-size: 1.2rem; color: #FFF; text-shadow: 0px 0px 7px #333; }
    .founder-banner > .main > p { color: #FFF; text-shadow: 0px 0px 7px #333; }
    .founder-banner > .polygon { display: none; }

    .example-responses.reveal-modal .msg { width: 100%; margin: 20px 0 0; }
    .example-responses.reveal-modal .msg:before { left: 12px; top: -8px; transform: rotate(45deg); }

    .pro-centre-main.article-container .ghg-mobile-nav { padding: 2rem; }

    .pro-centre-main .elite-pro .item > section > .icon { margin: .8em 0 0; }

    header.pro-centre { min-height: 200px; }
    header.pro-centre .content .titles > h1 { margin: .7em .4em 0; }

    .pro-centre-main.article-container > article { background-color: transparent; }

}

@media (max-height: 565px) {

    #success-stories-video-player.reveal-modal { max-height: 80%; }

}

@media (max-width: 480px) {

    header.pro-centre .content { padding: 2em 0 0; }
    header.pro-centre .content .titles { padding: 0 2em 1em; }


}