@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap');

body {font-family: 'Roboto', sans-serif !important; font-size: 16px !important; font-style: normal;}
p {font-size: 1.4em; padding-bottom:.8em;}
/*
h1 {font-family: 'Montserrat', sans-serif; font-weight: 900; font-style: normal;}
*/
h1, h2 {font-family: 'Montserrat', sans-serif; font-size:4em; font-weight: 700; color: #666666; padding-bottom: 0.7em; line-height: 1.2em; font-style: normal;}
h2.home-page {font-size: 4em;}
h3, .h3, h1.resource-title {font-family: 'Roboto', sans-serif; color: #000000; font-size: 1.8em; padding: .4em 0; font-weight: 700;}


/*   Header   */
.dementialogo {padding-left:2em;}
.dementialogo a:hover {color: #583dc2;  text-decoration: none;}
.site-logo {font-family:'Montserrat', sans-serif; color: #583dc2; text-decoration: none; font-weight: 700; letter-spacing: -.01em; font-size: 2rem;}
.site-logo > span{font-weight: 400;}


/*   Header - Nav   */
.navbar-brand {float: left !important;}
.navbar-nav .dropdown-toggle:after {font-family: "Font Awesome 5 Free"; content: "\f107"; color:#cccccc; float:right; border: none; padding-left: .4em;}
.nav-link {font-weight: 900; font-size: 1.1em}
.nav-link:hover {background-color: #f8f9fa;}
.navbar-toggler {position: relative; right: 1.5rem; top: .5rem;}
.dropdown-menu {border-radius: 0; background-color: #f5f6f7;border: none;}
#phonenumber > span {color: #583dc2;}
#searchbar {display:inline-flex; right:160px; top:10px; width:240px}
#searchbar > .views-exposed-form > div {display:flex;}
.views-exposed-form>.form--inline>#edit-actions>#edit-submit {margin:0;}
#connect-with-us {background-color: #583dc2; color: white; max-width: 140px;}
.top-auto{top:auto}
#connect-text {text-align: center; position: relative; font-size: 1.2em; font-weight:700; top: 40px; padding: 1.4em;}


/*   Page   */
footer {padding: 2em 0 0 0; }
.page-title {display:none;}
.region-sidebar-first, .region-sidebar-second, .region-footer, .region-content {padding: 0;}
main ul {padding-left: 1em;}
main ul ul {padding-top: .5em;}
main li {font-size:1em; padding: .5em;}
ul.sub {list-style-type: none;}
ul.sub > li {text-indent: -5px;}
ul.sub > li:before {content: "-"; text-indent: -5px;}
.content-center {display: flex; justify-content: center; align-items: center;}


/* Drupal TWIG */
.connectwithus {color:white; background-color: #583dc2; height:80px; width:80px; text-align:center; padding-top:20%;}

.block-title {display: none;}
.field--label {display: none;}
.region-nav-main {width: 75%; position: relative; bottom: 6%;}
#block-dementiamenu-3 {width: 145%; position: relative; left: -15%;}
.contextual-region.row.bs-2col.block-content.block-content--type-two-column-copy-image.block-content--view-mode-full {margin-right:0;}
.nav {flex-wrap: nowrap !important;}
.region-nav-additional {height: 120px; width: 120px;}
.site-logo.d-block {position: relative; top: 25%;}
.svg-inline--fa.fa-angle-down.fa-w-10 {color: #ced4da; position: relative; top: 7px; left: 7px;}
.purple {color:#583dc2;}
.user-login-form {max-width: 600px; margin: 6em auto; padding:2em; border: solid 1px #efefef; border-radius:1em; }
.maintenance-page {padding: 100px;text-align: center;}

.row.d-flex.justify-content-center {margin-right: 0; width: 107%;}

.clearfix.text-formatted.field.field--name-body.field--type-text-with-summary.field--label-hidden.field__item.quickedit-field {height: 100%; margin-bottom: 0;}

.block-content.block-content--type-basic.block-content--view-mode-full.ds-1col.clearfix {height: 100%; margin-bottom: 0;}

#block-connectwithus {height: 100%; margin-bottom: 0;}
.connect-with-us p {font-size: 21px; text-align: center; padding-top: 20%;}

.navbar-header {width: 100%;}

#phone-search {width: 30%; float: right;}

#nav-items-div {width: 250%; margin-left: 35px; margin-top: 15px;}

/* MENU */
  #menu-main /*.nav-item*/ {border-top: 1 px solid #6c757d; padding-left: 10px; padding-right: 10px; margin-right: 10px; margin-left: 10px; padding-bottom: 20px;}

/* Banner */
.banner .col-md-12 {padding: 0;}
.banner {background-size: cover; width: 100%; min-height: 725px; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; margin: 0;}
.banner-title {text-transform: uppercase; color: #002f87; opacity: .2; font-size: 4.5em; font-family: 'montserrat'; font-weight: 800;}
.banner h1 {color: white; margin: 0; padding-bottom: 90px; font-family: 'Montserrat', sans-serif; font-size: 74px; font-weight: bold; font-style: normal; line-height: 1;}
.banner-heading {color: white; margin: 0; padding-bottom: 90px; font-family: 'Montserrat', sans-serif; font-size: 74px; font-weight: bold; font-style: normal; line-height: 1;}
.banner p {color: white; margin: 0; font-family: 'Roboto', sans-serif; font-size: 40px; line-height: 1.3; font-weight: bold;}
.inner-banner h1 {color: white; margin: 0; padding-bottom: 0; font-family: 'Montserrat', sans-serif; font-size: 4em; font-weight: bold; font-style: normal; line-height: 1;}
.banner-h1-sub-text {color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 2em; font-weight: 400;}
.inner-banner p {color: white; margin: 0; font-family: 'Roboto', sans-serif; font-size: 1.4em; line-height: 1.3; padding-top: 3em;}

.homepage {animation: changeBg 15s infinite;}
@keyframes changeBg {0% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
    33% {background-image: url("../images/bg-1_purple-2_hr.jpg");}
    66% {background-image: url("../images/bg-1_purple-3_hr.jpg");}
    100% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
}

@-webkit-keyframes changeBg {0% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
  33% {background-image: url("../images/bg-1_purple-2_hr.jpg");}
  66% {background-image: url("../images/bg-1_purple-3_hr.jpg");}
  100% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
}

@-moz-keyframes changeBg {0% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
  33% {background-image: url("../images/bg-1_purple-2_hr.jpg");}
  66% {background-image: url("../images/bg-1_purple-3_hr.jpg");}
  100% {background-image: url("../images/bg-1_purple-1_hr.jpg");}
}


/*   Banner Backgrounds   */
.employer-bg {background-image: url("../images/SOD_header.jpg"); background-size: cover; background-position: right;}
.employer-bg-short {background-image: url("../images/SOD_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
.employer-bg2 {background-image: url("../images/SME_header.jpg"); background-size: cover; background-position:  right;}
.employer-bg2-short {background-image: url("../images/SME_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
.employer-bg3 {background-image: url("../images/DIE_header.jpg"); background-size: cover; background-position:  right;}
.employer-bg3-short {background-image: url("../images/DIE_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
h2.banner-short {color:#ffffff; position: absolute; bottom: 0;}
.banner-short h2{
  color:#ffffff; position: absolute; bottom: 0;}
.employer-bg4 {background-image: url("../images/AS_header.jpg"); background-size: cover; background-position: right;}
.employee-bg {background-image: url("../images/WTLF_header.jpg"); background-size: cover; background-position: center;}
.employee-bg2 {background-image: url("../images/CAD_header.jpg"); background-size: cover; background-position: center;}
.employee-bg2-short {background-image: url("../images/CAD_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
.employee-bg2-short h1{
  color:#ffffff; position: absolute; bottom: 0;}
.employee-bg3 {background-image: url("../images/TTE_header.jpg"); background-size: cover; background-position: right;}

.employee-bg3-short {background-image: url("../images/CAD_TTYL_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
.employee-bg3-short h2{
  color:#ffffff; position: absolute; bottom: 0;}
.employee-bg4 {background-image: url("../images/CIW_header.jpg"); background-size: cover; background-position: center;}

.employee-bg4-short {background-image: url("../images/MED_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}
.employee-bg5 {background-image: url("../images/ER_header.jpg"); background-size: cover; background-position: center;}

.employee-bg5-short {background-image: url("../images/RAW_header_short.jpg"); background-size: cover; min-height: 360px; color:#ffffff; position:relative; background-position: right;}

.purple-bg-short {background-image: url("/sites/default/files/2021-11/dark_purple.jpg"); background-size: cover; color:#ffffff; position:relative; background-position: righcentert;}

.resources-bg {background-image: url("../images/resources_header.jpg"); background-size: cover; padding-bottom: 4em; background-position: right;}

.about-bg {background-image: url("../images/Header_Aboutweb.jpg"); background-size: cover; padding-bottom: 4em; background-position: right;}

.resource-banner {padding-top: 6em;}

.banner-title2 {color: white; font-size: 3.0rem; font-family: 'Montserrat', san-serif; font-weight: 700; font-style: normal; margin-top:12%; opacity: 1; text-transform: none; }

.dementia-description {padding: 50px 0 30px 0;}

#page-title-employer {color: #fff; background-color: #339999; font-size: 74px; font-family: 'Montserrat', sans-serif; font-weight: 800; font-style: normal; padding-top: 0.5em; margin-top: 6px;}

#employee {background-color: #437bf6;}

#employer {background-color: #339999;}

.employee-title-bar {padding-left: 8rem; padding-top: 20px; padding-bottom: 1px; margin-top: 2em; margin-bottom: 1em; background-color: #437bf6;}

.employee-title-bar h2 {color: #fff; font-family: 'Roboto', sans-serif; font-size: 28pt; text-transform: uppercase; padding-bottom: 10px;}

.employer-title-bar {padding-left: 8rem; padding-top: 20px; padding-bottom: 2px; margin-top: 2em; margin-bottom: 1em; background-color: #339999;}

.employer-title-bar h2 {color: #fff; font-family: 'Roboto', sans-serif; font-size: 28pt; text-transform: uppercase; padding-bottom: 10px;}

.about-box-holder {padding-top:460px;}
.about-box-holder h2 {font-family: 'Roboto', sans-serif; font-size:2.25em;}
.about-box-employee {margin-top:0; background: #437bf6; margin-bottom: 2em;}
.about-box-employer {margin-top:0; background: #339999; margin-bottom: 2em;}

.about-box {color: #ffffff; padding: 2em;}
.about-box h3 {color: #ffffff; font-weight: 400;}
.about-box a {color: #ffffff; text-decoration: underline;}

.quote {margin: 10px;}

.quote p {line-height: 1.3em; font-size:1.25em;}

p.quoter {color: #583dc2; font-weight: 700; line-height: 1.2; font-size: 1em;}


/** Employee/Employer Buttons **/

.employee-employer {padding: 1% 10% 2% 10%;}

.employee-employer div {padding: 1%;}

a.employee-btn {color: #666666; font-size: 2.5em; font-weight: 700; border-radius: 8px; padding: 0px 30px; display: inline-block; border: 4px solid #427AF5;}

a.employer-btn {color: #666666; font-size: 2.5em; font-weight: 700; border-radius: 8px; padding: 0px 30px; display: inline-block; border: 4px solid #339999;}

a.employee-btn:before {font-family: "Font Awesome 5 Free"; content: "\f0da"; padding: 0 10px 0 0; font-size: 3rem; line-height:1; vertical-align: middle; color:#427AF5;}

a.employee-btn:hover:before {color: #ffffff;}

a.employer-btn:before {font-family: "Font Awesome 5 Free"; content: "\f0da"; padding: 0 10px 0 0; font-size: 3rem; line-height:1; vertical-align: middle; color: #339999;}
a.employer-btn:hover:before {color: #ffffff;}

a.employee-btn:hover {color: #ffffff; background-color: #437bf6;}

a.employer-btn:before:hover {color: #ffffff;}
a.employee-btn:before:hover {color: #ffffff;}

a.employer-btn:hover {color: #ffffff; background-color: #339999;}

.purple-bg {color: #ffffff; padding:2em 0; background-image: url("/sites/default/files/2021-11/dark_purple.jpg"); margin:5em 0}
.purple-bg h3 {color:#ffffff;}
.purple-bg a {color:#fff; text-decoration: underline;}
.purple-bg a:hover {color: #ded8f3;}
.purple-border {border: solid 4px #583dc2; padding:2em 2em 0 2em;}
.purple-border-np {border: solid 4px #583dc2;}
.purple-faded-bg {background-color: #e6e1f5; padding:1em 3em;}
.purple-no-fade { padding: 1em 3em;}
.bg-purpledark {color:#fff; background-color: #583dc2; padding:3em 3em 0.5em;}
.bg-purpledark a {color:#fff;}
.bg-purpledark a:hover {color:#ded8f3;}
.bb-purple {border-bottom: 1.2em #583dc2 solid; margin-bottom: 4em;}
.footer-bar span {padding: 0 2em; font-size: .8em;}
.footer-bar a {color: #ffffff;}
.footer-bar a:hover {color:#ced4da;}


/*   Card blocks */
.card-block-employee {border-radius: 20px; padding: 30px 30px; border: solid 3px #427af5; margin: 50px 0;}

.card-block-employee2 {border-radius: 20px; padding: 30px 30px 0; border: solid 3px #427af5; margin: 50px 0;}


.card-block-employer {border-radius: 20px; padding: 30px; border: solid 3px #339999; margin: 0 0 50px 0;}
.card-block-employer p {padding-bottom: 0; margin-bottom: 0;}
.card-block-employer3 {border-radius: 20px; padding: 30px; border: solid 3px #339999; margin: 50px 0;}

.card-block-employer3 .card-body {padding-bottom:0;}

.card-block-employer3 p {padding-bottom:0;}


.card-block-employer-lp {border-radius: 20px; padding: 10px 30px; border: solid 3px #339999; margin: 0 0 50px 0;}

.card-block-employer-lp h3 {font-weight:400;}

.card-block-employer-lp .card-body {padding: .25rem 1rem}
.card-block-employer-lp p {padding-bottom: 0; margin-bottom: 0;}

.card-block-employer2 {border-radius: 20px; padding: .8em 2em; border: solid 3px #339999; margin: 0 ;}

.card-body {padding-bottom:2em;}
#accordionDementia .card-body {padding-bottom:0;}
#dementia-accordion .card-body {padding-bottom:0;}
.info-body p {padding-bottom:0; margin-bottom: 0;}
.bg-light {background-color:#f5f6f7;}


/* Accordions */
.accordionEmployee .card-header{background-color: #437bf6;}
.accordionEmployer .card-header{background-color: #339999; padding:0;}
.accordion .card {border:0; margin-bottom: 1.5em;}
.accordion .card-header {margin-bottom: 20px;}
.accordion h2  {color: #ffffff; padding:0; font-size: 3rem; font-weight: 700;}
.accordion ul {list-style-position: outside;}
.accordion .btn span:before {font-family: "Font Awesome 5 Free"; content: "\f105"; padding: 0 .5em 0 0; font-size: 1em;}

.accordion .btn  {font-size: .5em; line-height:.5em; border-radius: 0; padding: 20px; padding: 30px 0 20px 20px;}

.accordion .btn-link  {color: #ffffff; text-decoration: none; font-family: 'Roboto', sans-serif; font-weight: 700; line-height: 1.2;}

/* Copy Block Box */
.employer-copy-box {background-color: #e0f0f0; margin-top: 40px;}
.employer-copy-box-title {background-color: #339999; color: #fff; padding: 20px 40px; font-size: 1.8em; font-weight: 700; line-height: 1.2em;}
.employer-copy-box-content {color: #000; padding:40px 40px;}

.info-body {font-size: inherit;}

/*  Reference Text */
.reference-text {font-size:1em;}
.reference-text p{font-size:1em;}


/* nav bar */
.region-connect {height: 100%;}
.related-btn-employer {color: #ffffff; font-size: 1.4em; font-weight: 700; border-radius: 8px; background-color: #339999; width: 300px ; min-height: 100px; line-height: 1.3;}

.related-btn-employer:hover {background-color: #583dc2; color:#ffffff;}

.related-btn-employee {color: #ffffff; font-size: 1.4em; font-weight: 700; border-radius: 8px; background-color: #437bf6; width: 300px ; min-height:100px; line-height: 1.3; }

.related-btn-employee:hover {background-color: #583dc2; color:#ffffff;}

/*   content specific   */
.dementia-bar {color: #583dc2; border-top: solid 15px; padding: 0; margin: 0;}
.dementia-bar-np {color: #583dc2; border-top: solid 15px; padding: 0; margin: 0;}
hr.dementia-bar {color: #583dc2; border-top: solid 15px; padding: 0; margin: 3em 0;}
.no-mb {margin-bottom: 0 !important;}
.no-mt {margin-top: 0 !important;}
.employee {background: #437bf6; margin-top: 4em; margin-bottom: 2em;}
.employee h2 {padding-left: 10%}

.heading, .employer-heading {color: #fff; font-size: 28pt; font-family: 'Roboto', sans-serif; padding-left: 8rem; padding-top: 20px; padding-bottom: 20px;}
.employee-sec, .employer-sec {padding-top: 2rem;}
.employer {background: #339999; margin-top: 4em; margin-bottom: 2em;}
.employer-page-title {background: #339999; margin-top: 6px;}
.employer-page-title h1 {color:#ffffff; font-weight: 700; font-size:3.5em; padding: 40px 0 0 0;}
.employer-page-subtitle span {color:#ffffff; font-weight: 700; font-size:3.5em; position: absolute; bottom: .7em; padding-bottom:0 ;line-height: 1;}
.employee-page-title {background: #437bf6; margin-top: 6px;}
.employee-page-title h1 {color:#ffffff; font-weight: 700; font-size:3.5em; padding: 40px 0 0 0;}
.employee-page-subtitle span {color:#ffffff; font-weight: 700; font-size:3.5em; position: absolute; bottom: .7em; padding-bottom:0; line-height: 1;}
.employee-class {text-decoration: none; background: #437bf6; color: #ffffff; padding: 2% 18%; border-radius: 6px; margin-right: 10px; font-family: 'Roboto', sans-serif; font-size: 1.75rem; line-height: 1.8; font-weight: bold;}
.employer-class {text-decoration: none; background: #339999; padding: 2% 18%; border-radius: 6px; color: white; font-family: 'Roboto', sans-serif; font-size: 1.75rem; line-height: 1.8; font-weight: bold;}
.employee-sec-panel {position: relative; padding: 15px 36px 27px 41px; background-color: #f5f6f7; height: 100%; margin: 10px;}
.employer-sec-panel {position: relative; padding: 15px 36px 27px 41px; background-color: #f5f6f7; height: 100%; margin: 10px;}
.employee-sec-info-panel {padding: 15px 36px 27px 41px; height: 100%;}
.employee-sec-info-panel h4 {font-size: 2em;}
.employee-sec-info-panel a {font-family: 'Montserrat', sans-serif; font-size: 72px; font-weight: 700; color: #666666 !important; line-height: 1;}



.resource-title:before {background-image: url(../images/resource-icon.svg); background-repeat: no-repeat; background-size: contain;}

.resource-title img {
width: 30%;
height: 30%;
padding-right: 20px;}

.more-info-section__content {padding:20px}
.employer-sec .more-info-section__button {float: right; padding: 0; background-color: transparent; border: 0; position: relative; width: 150px; height: 100px; background-image: url(../images/Flip-Green.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: transform .15s
}

.employee-sec .more-info-section__button {float: right; padding: 0; background-color: transparent; border: 0; position:relative; width: 150px; height: 100px; background-image: url(../images/Flip-Blue.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; transition: transform .15s
}

.more-info-section__button:hover {transform: rotate(45deg);}
.more-info-section__icon {width:50%;}
.more-info-section__title {padding-top: 15%; padding-bottom: 20%; font-size: 2.5em;}
.more-info-section__title_hope {font-size: 2.5em; padding-bottom: 1em; font-weight: 700;}
.section-with-more-info .more-info-section__button:focus,
.section-with-more-info .more-info-section__button:hover {transform: rotate(45deg); right: 20px
}

.employee-sec-textbox {padding:3em 3em;}
.employee-sec-textbox h4 {padding-bottom: .8em;}

.dementia-p4 {color: #000000; font-family: 'Roboto', sans-serif; font-size: 1.3rem;}

.footer-sub {background: #583dc2;}
.footer-sub .p4 {color: #ffffff; font-family: 'Roboto', sans-serif; font-size: 1rem; font-weight: bold;}
.footer-first-row {padding-top: 5%;}

.learn-txt-col1 {padding-left: 9%; padding-right: 2%;}
.learn-txt-col2 {padding: 0;}



#page-footer-sub .row {padding: 0 12%;}

.sub-menu-row {margin-top: 0; padding-left: 10%; padding-right: 11%; padding-top: 3%; padding-bottom: 3%;}

.sub-menu-row:nth-child(2) {padding-bottom: 2%;}

.sub-menu-heading {font-weight: bold; margin-bottom: 0; color: black; font-size: 1.3rem; padding-bottom: .2rem;}

.fa-times-circle {color: white;}

.sub-menu-desc {margin-bottom: 0; font-size: 0.9rem;}

.sub-menu-col {padding: 1.5em 1em;}

#main-content-zindex {position: relative; z-index:-1;}

header {z-index:2;}
.sub-menu-sec {background-color: #f5f6f7; z-index:1; width: 100%;}

[data-sub-menu-id="resources-sub-menu"] {visibility: hidden;}

[data-sub-menu-id="scenarios-sub-menu"] {visibility: hidden;}

[data-sub-menu-id="about-sub-menu"] {visibility: hidden;}

.menu-angle-up {display: none;}

.nav-item-active {background-color: #f5f6f7;}

.menu-angle-up,
.menu-angle-down {margin-top: 18px;}

.sub-menu-heading a {color: black;}

.sub-menu-desc a {color: #6c757d;}


.fa-minus-circle {color: #fff; margin: auto; height: 75%; width: 75%;}


.more-info-section__popup {opacity: 1; position: absolute; padding: 41px 43px 7px 55px; top: 0; width: 800px; height: 100%; right: 0; background-color: #6699ff; box-shadow: 0 0 30px 0 hsl(0deg 0% 74% / 84%); border-radius: 10px; pointer-events: auto; z-index: 2; transition: all .3s; transform-origin: top left; }

  .more-info-section__pop-title a {color:#fff;}
  .more-info-section__pop-title a:hover {color:#fff;}

  .more-info-section__popup.hide {opacity: 0; pointer-events: none; max-height: 0; width: 100%; transition: all .3s; transition-delay: .2s; }

  .more-info-section__icon img {width: 140px; top: 20px; position: absolute; }

  .more-info-section__close-button {padding: 0; background-color: transparent; border: 0; position: absolute; top: 20px; right: 43px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: flex-end; z-index: 1; }

  .more-info-section__close-button:before {content: "\f057"; font-family: FontAwesome; font-size: 30px; top: 0; color: #ffffff; opacity: .2; }

  .more-info-section__popup-top.fadeIn {opacity: 1; transition: opacity .3s; transition-delay: .3s; }

  .more-info-section__link-wrapper.fadeIn {opacity: 1; transition: opacity .3s; transition-delay: .3s; }

  .more-info-section__close-button:empty {margin-top: 30px; height: 10px; width: 20px; }

  .more-info-section__pop-title {position: relative; margin-bottom: 1em; font-size: 1.5em; line-height: 1; font-weight: 600; color: #fff; }

  .more-info-section__copy {position: relative; }

  .more-info-section__copy p {color: #434343!important; font-size: 1.2rem; padding:0; }

  .more-info-section__link-wrapper {display: flex; flex-wrap: wrap; }

  .more-info-section__link-wrapper.fadeIn {opacity: 1; transition: opacity .3s; transition-delay: .3s; }

  .more-info-section__link {position: relative; margin-right: 1em; padding:0; }

  .more-info-section__link .call-to-action-link {color: #fff; font-weight: 600; transition: font-weight .3s; }

  .call-to-action-link {position: relative; font-size: 16px; font-family: Avenir Next,Helvetica,Arial,sans-serif; line-height: 20px; font-weight: 600; color: #434343; }

  .call-to-action-link svg {position: absolute; right: -54px; top: -20px; z-index: -1; }

  .call-to-action-link:after {content: ""; position: absolute; right: -33px; width: 19px; height: 14px; background-size: contain; background-position: 50%; background-repeat: no-repeat; top: 3px; transform: rotate(
  -180deg); transition: right .3s; }

  .more-info-section__link .call-to-action-link .anicircle {stroke: #4fa018; }

  .call-to-action-link .anicircle {fill: none; stroke-width: 1px; stroke: #7ed026; stroke-dasharray: 300 300; stroke-dashoffset: 300; transition: stroke-dashoffset .5s linear; }

  .more-info-slide-right {right: auto; left: 0; display: inline-table; }

  .more-info-slide-left {display: inline-table; }


  .employer-sec .more-info-section__popup {background-color: #4aafaa; }

  .section-with-more-info__item {  background-color: #f5f6f7;   margin-bottom: 30px;   min-height: 320px;   position: relative; }

  .section-with-more-info__item-nb {background-color: #ffffff;}

/* Scenarios */
#scenario {font-size: 2em;}
.scenarios-bg {background-image: url(../images/header_scenarios.jpg); background-size: cover; min-height: 500px; }
  .scenarios-bg .banner-title {color: white; font-size: 3.0rem; font-family: 'Montserrat', san-serif; font-weight: 800; font-style: normal; margin-top:12%; opacity: 1; text-transform: none; }
  .scenarios-page-title {background: #583dc2; margin-top: 6px; }
  .scenarios-page-title h1 {color:#ffffff; font-size:3.5em; padding: 40px 0 0 0; }
  .sitemap-page-title h1{  color:#ffffff; font-size:3.5em; padding: 40px 0 0 0; }
  .scenario h3 {font-family: 'Roboto',sans-serif;   font-size: 24px;   font-weight: 700;   color: #583dc2;   padding: .5em 0;   line-height: 1.2em; }


/** Modals **/
.modal-dialog {max-width: 80%; margin: auto;
 }
 .modal-content {
 border: 4pt solid #573dc2;
 border-radius: 21px;
 }
 .modal-header {
 border-bottom:none;
 padding: 1rem 1rem 0 1rem;  border-top-right-radius: 0;  border-top-left-radius: 0;
 }
 .modal-title {
 font-weight: bold;
 }
 .modal-body * {
 font-size: 1.1rem;
 }
 .modal-header .close { border: solid 4px #ccc;  border-radius: 100%;  margin: 0;  padding: .6rem 1rem;

 }
 .tip-block {padding:1em 0em;}
 .tooltip_title{color:#583dc2; padding-left: 1em;}
 .tooltip_title2{color:#583dc2; padding-left: 0;}



/* Resource card */
.resources {-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 2em; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 0px 0 10px; -moz-box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px; box-shadow: rgba(0, 0, 0, 0.8) 0 0 10px;}

.resources .card-header {border: none; background-color: #583dc2; border-radius: 20px 20px 0 0; min-height: 60px; color: #fff; font-size: 2.0625em;}
.resource-title {  padding: .5em;   display: inline-block; }
.in-page-submenu {padding: 1em 0 4rem 0}
.custom-list {padding-left: 0px; margin-bottom: 0;}
.custom-list li {list-style: none; background-image: url(../images/list-arrow.svg); background-repeat: no-repeat; background-position: left center; background-size: 16px; padding-left: 30px; line-height: .3;}
.custom-list li a {color: #666666; font-size: .9em; font-weight: bold; text-decoration: none; line-height: 1.2;}
.custom-list li a:hover {color: #583dc2;}
ul.resource-list {padding-bottom: 0; margin-bottom: 0;}
.resource-list li {list-style: none; background-image: url(../images/list-arrow.svg); background-repeat: no-repeat; background-position: left center; background-size: 16px; padding-left: 30px; line-height: .8;}
.resource-list li a {color: #666666; font-size: 1em; font-weight: bold; text-decoration: none; line-height: 1.2;}
.resource-list li a:hover {color: #583dc2;}
.more-info-section__link-wrapper li {list-style: none; background-image: url(../images/list-arrow.svg); background-repeat: no-repeat; background-position: left center; background-size: 16px; padding-left: 30px;}
.info-box-square {border: solid 4px #583dc2; padding: 3em;}

/* Tables */
.table > :not(:first-child) {border-top: 0;}
.table-dementia {border-bottom: #583dc2 1px solid;}
.table .trow-dementia {border-bottom: #583dc2 1px solid;}
.table .tcol-dementia {background-color: #e6e2f6;}
.table .th-dementia {border-top: #583dc2 1px solid; border-bottom: #583dc2 1px solid;}

/* Content misc */
.bordered {border: #583dc2 2px solid;}

/*  FOOTER   */
.region-footer {background-color: #f5f6f7; padding: 0 8%;}
.region-footer p {font-size: 1em;}
.footer-second-row {padding-top: 1.2em;}
.footer-second-row h2 {font-family: 'Roboto'; font-weight: 700; color: #999999; font-size: 1em; padding-bottom: 1em;}
.dementia-alberta-contact {padding-right: 1rem;}
.dementia-alberta-support {padding-left: 1rem;}
.dementia-support img {padding-right: 40%;}
.dementia-advisory img {padding-right: 6em;}
.super-text {font-size: 1.5em; font-weight: 700;}
.banner-h1-sub-text {color: #ffffff; font-family: 'Roboto', sans-serif;font-size: 2em; font-weight: 400;}
.banner-h1{color: white; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 4em; font-weight: bold; font-style: normal; line-height: 1; padding-bottom: 60px;}
.banner-heading {color: white; margin: 0; font-family: 'Montserrat', sans-serif; font-size: 4em; font-weight: bold; font-style: normal; line-height: 1; padding-bottom: 60px;}

.search-results li h3 {font-size:1.4em;}
.search-results li p {font-size:1em;}


/* Section Specific */
/*
/* Dementia-inclusive */
.img-holder {margin: 0}
.die-block-green {background-color:#339999; color: #ffffff; margin: 0 0 50px 0; padding: 40px;}
.die-block-green h3 {color: #ffffff; padding-bottom: 30px; font-weight: 700;}
.die-block-green p {color: #ffffff;}


/* Teasers */
.employer-teaser {margin-top:30px; border-bottom: 2px solid #339999;}
.employer-teaser h3 {font-weight: 800; padding: .5em 0; line-height: 1.2em;}
.employer-teaser p {font-size: 1.4em;}
.employee-teaser {margin-top: 1.4em; border-bottom: 2px solid #437bf6;}
.employee-teaser h3 {font-weight: 800; padding: .5em 0; line-height: 1.2em;}
.employee-teaser p { font-size: 1.4em;}
a.read-more {color:#666666; font-size:.7em; letter-spacing: .1em; white-space: nowrap;}
a.read-more:hover{color:#583dc2; text-decoration: none;}
a.top-of-page  {font-family: 'Roboto' sans-serif; color:#999999; font-weight: 700; font-size:1em; padding:10px 0; display:block;}
a.top-of-page:hover{color:#583dc2; text-decoration: underline;}
a.top-of-page:before {font-family: "Font Awesome 5 Free"; content: "\f102"; padding-right:5px;}
.site-map {font-family: 'Roboto', sans-serif !important; line-height:1;}
.site-map h3 {font-size:2em; font-weight: bold;line-height: 2;}
.site-map ul {padding-left: 3em;list-style: none;}
.site-map ul ul {padding: .5em 0 .5em 3em;list-style: none;}
.site-map li {font-size: 1.1em; padding: .75em;}
.site-map a {color:#000000;}
.site-map a:hover {text-decoration: underline;}
.employees {color: #427AF5;}
.employers {color: #339999;}
.top-left {padding-bottom: 2em;}
.search-icon:hover {color: #ffffff; background-color:#583dc2;}
.employee-sec-connect a{ font-family: 'Montserrat', sans-serif; font-size:3.375em; color: #666666; line-height: 1;  font-weight: 700; font-style: normal;}
.employee-sec-connect a:hover {text-decoration: none; color:#583dc2;}
.related {font-size:1.5em; font-weight: bold; text-align: right;}



/* Search Results   */
.search-results {padding:0;}
.search-results li {padding:0; margin:0;}
.search-help-link {float:right;}
#edit-basic {margin: auto;
    max-width: 360px;
    min-width: 300px;
    padding: 3em 2em 2em;
    border: 1px solid #efefef;
    border-radius: 1em;
    display: flex;}

#edit-basic label {
    position: absolute;
    top: 1em;}

.pagination {margin: auto; width: 700px;}
.pagination li {padding:.2em}
.page-link {font-size: .8em;}




/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 767.9px) {
  .row {margin-left:0 !important; margin-right:0 !important;}
  .no-gutters > .col, .no-gutters > [class*=col-] {padding-right: 15px; padding-left: 15px;}
    #searchbar {display:table; padding-bottom:1em;}
    #searchbar > .views-exposed-form > .form-type-search {display: table-cell; width:80%;}
    #searchbar > .views-exposed-form > .form-type-search > .form-search {float:left;}
    #searchbar > .views-exposed-form > .form-actions {display: table-cell;}
    #searchbar > .views-exposed-form > .form-actions > .form-submit {float:right;}
   /*  #searchbar > #search-block-form > .form-actions > .form-submit {float:right;} */
    h3, .h3 {font-size: 1.3em;}
    p {font-size: 1em;}
    h1, h2 {font-size: 2.5em;}
    .about-box-holder {padding-top:200px;}
    .about-box-holder h2 {font-size: 1.5em;margin: 0 5em;}
    .banner {min-height: 320px;}
    .banner h1 {font-size: 2.5em; padding-bottom: 1em;}
    .banner-heading {font-size: 2.5em; padding-bottom: em;}
    .banner-h1-sub-text {line-height: 1;}
    .banner-title {font-size:2.5em}
    .bb-purple {padding-bottom:340px;}
    #connect-text {text-align: center; padding: 1em 0; margin:0; top: 0;}
    #connect-with-us {max-width:100%;}
    .in-page-submenu {padding: 1em 0 2rem 0}
    .custom-list {padding-left:1em; margin-bottom: 0;}
    .custom-list li {padding: .4em 0 .4em 1.5em; line-height: 0.7;}
    .dementia-advisory img {padding: 1em;}
    .dementia-alberta-contact {padding:1rem;}
    .dementia-description {padding: 30px 0 10px 0;}
    .dementia-description p {font-size: 1em; line-height: 1.3;}
    .dementialogo {padding-left: 1em;}
    .site-logo {padding: 1em .5em .5em .5em; font-size: 1.2rem;}
    .dementia-support img {padding: 1em 5em;}
    .dropdown-menu {background-color:#ffffff;}
    .employee-employer {padding: 10px 0;}
    .employee-employer {text-align: center; padding: 1.5em 0;}
    .employee-employer div {padding: 0;}
    .employee-page-subtitle span {font-size: 2.5em; padding-bottom: 0em;}
    .employer-page-subtitle span {font-size: 2.5em; padding-bottom: 0em;}
    .employee-page-title h1 {font-size: 2.5em;}
    .employee-sec .more-info-section__button {width: 50px; height: 50px;}
    .employee-sec-connect a {font-size:2.5em;}
    .employee-sec-textbox {padding:1em;}
    .employee-teaser h3 {font-size:1.3em;}
    .employee-teaser p {font-size:1em;}
    .employee-title-bar {padding-left: 1em;}
    .employee-title-bar h2 {font-size: 1.25em;}
    .employer-bg-short, .employer-bg2-short, .employer-bg3-short, .employer-bg4-short, .employee-bg2-short, .employee-bg3-short, .employee-bg4-short, .employee-bg5-short, .purple-bg-short {min-height: 200px; background-position: right;}
    .employer-page-title h1 {font-size: 2.5em;}
    .employer-sec .more-info-section__button {width: 50px; height: 50px;}
    .employer-teaser h3 {font-size:1.3em;}
    .employer-teaser p {font-size:1em;}
    .employer-title-bar {padding-left: 1em;}
    .employer-title-bar h2 {font-size: 1.25em;}
    .footer-second-row {text-align: center;}
    .footer-second-row h2 {padding-bottom:0;}
    .homepage {background-position: bottom center;}
    /*.home-page-top {padding-bottom: 22em; background-size:70% !important; background-position: bottom center !important;}*/
    .inner-banner h1 {font-size:2.25em; padding-bottom: 0;}
    .inner-banner p {padding-top: 3em;}
    .more-info-section__close-button:before {font-size: 24px; position: absolute; top: -40px; right: -30px;}
    .more-info-section__icon img {width: 120px; top: 6px;}
    .more-info-section__popup {width: 100%;}
    .more-info-section__title { font-size: 1.5em; padding-top: 40%; padding-bottom: 4%;}
    .more-info-section__title_hope {font-size: 1.5em;}
    .navbar-brand {margin-top: 10px;}
    .navbar-nav {margin: 0; padding-right: 5px;}
    .navbar-nav li {border-bottom: solid 1px #999999; margin:0 3em;}
    .navbar-nav li a {padding: 1em 0; color:#000000;}
    .navbar-nav li:nth-child(1) a {color: #427AF5 !important;}
    .navbar-nav li:nth-child(2) a {color:#339999 !important;}
    .navbar-toggler { font-size: .8em;}
    .quote img {width: 70%; padding-bottom: 1em;}
    .region-footer h2{padding-top:2em;}
    .region-footer p{text-align: center;}
    .related {text-align: center;}
    .related-btn-employee {margin: 1em auto;}
    .related-btn-employer {margin: 1em auto;}
    .resorces .card-body { padding: 1.25em;}
    .resource-list li {line-height:1.2;}
    .scenario {padding-top: 2em; padding-left: 0 !important;}
    .scenarios-page-title h1 {font-size: 2.5em;}
    .scenarios-bg {min-height:auto;}
    .section-with-more-info__item {min-height:200px;}
    .SME-with-img img {position:absolute; bottom:0}
    .sub-menu-col {padding: 0 0 1.2em 2em;}
    .sub-menu-desc {display: none;}
    .sub-menu-heading {font-size: 1em;}
    .sub-menu-heading A{color: #000000;}
    .sub-menu-row {padding: 0 0 0 2em;}
    .sub-menu-sec {background-color: #ffffff;}
    .tip-block img {width:130px; height:130px;}
    a.employee-btn {font-size: 1em; padding: 5px 10px; margin:10px 0; border: 2px solid #427AF5;}
    a.employee-btn:before {font-size: 1.75em}
    a.employer-btn {font-size: 1em; padding: 5px 10px; margin:10px 0; border: 2px solid #339999;}
    a.employer-btn:before {font-size: 1.75em}

    .pagination {margin: auto; width: 340px;}
    .pagination li {padding:.1em}
    .page-link {font-size: .6em;}
}

@media only screen and (min-width: 768px) and (max-device-width: 1199.9px){
  h1, h2 {font-size: 2.5em;}
  p {font-size: 1.2em;}
  .dementialogo {padding: 1.5em 2em .5em 2em;}
  #search-block-form { display: flex !important;}
  #search-block-form > div:first-child {margin-left: auto;}
  .dropdown-menu {background-color:#ffffff;}
  .navbar-toggler {bottom:1em;}
  .navbar-nav .dropdown-toggle::after {font-family: "Font Awesome 5 Free"; content: "\f078"; float:right; margin-top: .5em; border: none;}
  .navbar-nav {margin: 0; padding-right: 5px;}
  .navbar-nav li {border-bottom: solid 1px #999999; margin:0 3em;}
  .navbar-nav li a {padding: 1em 0; color:#000000;}
  .navbar-nav li:nth-child(1) a {color: #427AF5 !important;}
  .navbar-nav li:nth-child(2) a {color:#339999 !important;}
  .sub-menu-sec {background-color: #ffffff;}
  .sub-menu-row {padding: 0 0 0 2em;}
  .sub-menu-col {padding: 0 0 1.2em 2em;}
  .sub-menu-heading {font-size: 1em;}
  .sub-menu-heading A{color: #000000;}
  .sub-menu-desc {display: none;}
  #connect-with-us {max-width: 100%;}
  #connect-text {text-align: center; padding: 1em 0; margin:0; top: 0;}
  main ul ul {padding-top: .5em;}
  main li {font-size: 1.2em; padding: 0 .5em 1em 0;}
  main li ul li {font-size: inherit;}
  .related-btn-employer {font-size: 1em; width: 200px ;}
  .related-btn-employee {font-size: 1em; width: 200px ;}
  .more-info-section__popup {width:220%;}

    /*   Banners */
    .banner {min-height:400px;}
    .banner h1 {font-size: 2.5em; padding-bottom: 1em;}
    .banner-heading {font-size: 2.5em; padding-bottom: 1em;}
    .banner p {font-size: 1.2em;  line-height: 1.2;}
    .dementia-description {padding-top: 20px 0 0 0;}
    .inner-banner h1 {font-size: 3em; padding-bottom: 0;}
    .banner-title {font-size: 4em;}
    .banner-h1-sub-text {font-size: 2em;}
    .inner-banner p {font-size: 1.2em; padding-top: 3em; padding-bottom: 2em; line-height: 1.3;}

    .employee-employer {padding: 1% 10%;}
    a.employer-btn:before {font-size:2em;}
    a.employee-btn:before {font-size:2em;}
    a.employee-btn {font-size: 1.3em;  padding: 5px 10px; margin:10px 0; border: 2px solid #427AF5;}
    a.employer-btn {font-size: 1.3em;  padding: 5px 10px; margin:10px 0; border: 2px solid #339999;}

    /*.home-page-top {background-size: 40% !important;}*/
    .employee-title-bar {padding-left: 3rem;}
    .employee-title-bar h2 {font-size: 1.5em;}
    .employer-title-bar {padding-left: 3rem;}
    .employer-title-bar h2 {font-size: 1.5em;}

    .custom-list li {padding: .5em 0 .5em 1.5em;}

    .more-info-section__icon img {width: 90px;top: 20px;position: absolute;}
    .employee-sec .more-info-section__button {width: 40px;height: 40px;}
    .employer-sec .more-info-section__button {width: 40px;height: 40px;}
    .employee-sec-textbox {padding: 2em 2em;}
    .section-with-more-info__item {min-height: 280px;}
    .more-info-section__title_hope {font-size: 1.5em;}
    .more-info-section__title {padding-top: 4em;padding-bottom: 10%;font-size: 1.5em;}
    .more-info-section__title_hope {font-size: 1.6em;}
    .employee-sec-connect a {font-size: 2em;}
    .quote p {font-size: 1em;}
    p.quoter {font-size: .8em;}
    .resource-list li {padding: .5em 0 .5em 1.3em;}
    .resources .card-body {padding-bottom:2em;}

 /*   Sections  ****/

 /*   Resources    */
  .resource-banner {padding-top: 4em;}

 /*   Senario      */
  .scenario {padding-left: 2.5em;}
  .scenarios-bg {min-height: 300px;}
  .scenarios-page-title h1 {font-size: 3em;}

}


/* Large devices (laptops/desktops, 1200px to 1280px) */

@media only screen and (min-width: 1200px) and (max-device-width: 1279px) {

  .dementialogo h1 {font-size: 1.5em !important; position:absolute; bottom: .5em;}
  .navbar-brand img {height: 40px;}
  .nav-link {font-size:1em;position: relative; top: 68px; padding: 20px 16px 28px 16px !important;}
  .phone-span {position: relative;top: 67px;padding: 20px 20px 24px 20px !important;margin-bottom: 0 !important;}
  #connect-with-us {max-width: 140px; padding-top: 30px;}
  #connect-text {text-align: center; padding: 1.25em; margin:0; top: 0;}
  .top-nav {position: absolute; top:-45px; margin-top: 5px;}
  #search-input {width: 90px;}
  #phonenumber {top: -75px; right: 360px;}
  #searchbar {right:150px; top:.5em;}
  .search-block-form {display: flex !important;}
  .search-block-form .form-item  {margin-top: 0;}
  .search-block-form .form-actions {margin-top: 0;}
  .banner {min-height: 500px;}
  .banner-title {font-size: 4em;}
  .inner-banner h1 {font-size: 3em; line-height: .8;}
  .inner-banner p {font-size: 1.4em; padding-top: 3em; line-height: 1.3;}
  a.employee-btn {font-size: 1em; padding: 5px 10px; margin:10px 0; border: 2px solid #427AF5;}
  a.employer-btn {font-size: 1em; padding: 5px 10px; margin:10px 0; border: 2px solid #339999;}
  h1, h2 {font-size:2.5em;}
  a.employee-btn {font-size: 1.5em;}
  a.employer-btn {font-size: 1.5em;}
  a.employee-btn:before {font-size: 2.5em;}
  a.employer-btn:before {font-size: 2.5em;}
  .employee-title-bar h2 {font-size:1.75em;}
  .employer-title-bar h2 {font-size:1.75em;}
  .more-info-section__icon img {width: 110px;top: 20px;position: absolute;}
  .employee-sec .more-info-section__button {width: 60px;height: 100px;}
  .employer-sec .more-info-section__button {width: 60px;height: 100px;}
  .more-info-section__title {padding-top: 120px;padding-bottom: 10%;font-size: 1.6em;}
  .more-info-section__title_hope {font-size: 1.6em;}
  .employee-sec-connect a {font-size: 2.5em;}
  .custom-list li a {line-height: 1.3;}
  main ul ul {padding-top: .5em;}
  main li {font-size:1.4em;padding: .5em;}
  .scenario {padding-left:3em;}
  .scenarios-bg {min-height: 500px;}
  .scenarios-page-title h1 {font-size: 2.5em;}
  #connect-with-us {max-width: 140px; }
}


/* Extra large devices (large laptops and desktops, 1200px and up) */

@media screen and (min-width: 1280px) and (max-width:1399.99px){
  #main-nav-1 { justify-content: flex-end;}
  #phonenumber {right:370px;}
  #searchbar {right:130px; top:0.5em;}
  .search-block-form {display: flex !important;}
  .search-block-form .form-item  {margin-top: 0;}
  .search-block-form .form-actions {margin-top: 0;}
  .navbar-collapse {width: 55%;}
  nav > .container-fluid {margin-right: 0; padding-right: 0 !important;}
  .navbar-nav {height: 140px; display: flex;}
  .navbar-brand {position: absolute; bottom: .5em;}
  .nav-link {font-size:1em;position: relative; top: 68px; padding: 20px 16px 28px 16px !important;}
  .phone-span {position: relative;top: 67px;padding: 20px 20px 24px 20px !important;margin-bottom: 0 !important;}
  #connect-with-us {max-width: 140px; padding-top: 30px;}
  #connect-text {text-align: center; padding: 1.25em; margin:0; top: 0;}
  .top-nav {position: absolute; top:-45px; margin-top: 5px;}
  #search-input {width: 110px;}
  #phonenumber {top: -75px; right: 370px;}
  .dropdown-menu { top: 138px !important;}
  p {font-size: 1.4em;}
  h1, h2 {font-size: 3em; padding-right: 0;}
  main ul ul {padding-top: .5em;}
  main li {font-size: 1.4em; }
  main li ul li {font-size: inherit;}
  .banner {min-height: 600px;}
  .banner-title{font-size: 4.5em;}
  .banner p {font-size: 1.875em; line-height: 1;}
  .banner h1 {font-size: 3.5em;padding-bottom: 60px;}
  .banner-heading {font-size: 3.5em;padding-bottom: 60px;}
  .sub-menu-col {padding: 1em;}
  .inner-banner h1 {padding-bottom: 0;  font-size: 3em; font-style: normal;}
  .banner-h1-sub-text {font-size: 2em;}
  .inner-banner p {font-size: 1.25em; padding-top: 3.5em; line-height: 1.3;}
  .inner-banner .dementia-description {padding: 50px 0 100px 0;}
  .custom-list li {line-height: 1; padding: .5em 0 .5em 1em;}
  .custom-list li a {font-size: .9em;}
  .employee-title-bar h2 {padding-bottom: 10px; font-size: 20pt;}
  .employer-title-bar {padding-left: 8rem; padding-top: 20px; padding-bottom: 1px; margin-top: 2em; margin-bottom: 1em; background-color: #339999;}
  .employer-title-bar h2 {padding-bottom: 10px;font-size: 20pt;}
  a.employee-btn {font-size: 24px;}
  a.employer-btn {font-size: 24px;}
  p.quoter {font-size: 1em;}
  #two-column-left h2 {font-size: 48px; padding-bottom: 10px;}
  .employee-sec .more-info-section__button {width: 80px; height: 80px}
  .employer-sec .more-info-section__button {width: 80px; height: 80px}
  .more-info-section_icon img {width: 140px;}
  .more-info-section__title {padding-top: 160px; padding-bottom: 1em; font-size: 1.9em;}
  .more-info-section__title_hope {font-size: 1.9em;}
  .employee-sec-info-panel a {font-size: 54px;}
  .scenarios-page-title h1 {font-size: 3em;}
}

/* Super Wide large devices (large laptops and desktops, 1400px and up) */
@media only screen and (min-width: 1400px) {h3, .h3 {font-size: 2.5em; margin-bottom: 1em;}
  p {font-size: 1.5em;}
  .banner h1 {font-size: 4em; padding-bottom: 60px; line-height: 1.2em;}
  .banner-heading {font-size: 4em; padding-bottom: 60px; line-height: 1.2em;}
  .banner p {font-size: 2.5em; line-height: 1;}
  .banner-title {font-size: 6em;}
  #connect-text {text-align: center; padding: 1.25em; margin:0; top: 0;}
  #connect-with-us {max-width: 140px; padding-top: 30px;}
  .container { max-width: 1440px;}
  .dropdown-menu { top: 138px !important;}
  .home-page-top h2 { padding-right: 1.4em;}
  .inner-banner p {font-size: 1.5em; font-weight: 400; line-height: 1.5em; padding-top: 3em;}
  #main-nav-1 { justify-content: flex-end;}
  .more-info-section__title {padding-top:4em; padding-bottom:2em}
  .navbar-brand {position: absolute; bottom: 0.5em;}
  .navbar-collapse {width: 55%;}
  .navbar-nav {height: 140px; display: flex;}
  .nav-link {font-size:1em;position: relative; top: 68px; padding: 20px 25px 28px 25px !important;}
  .nav-link:hover {background-color: #f8f9fa;}
  #phonenumber {top: -75px; right: 370px; }
  .phone-span {position: relative;top: 67px;padding: 20px 20px 24px 20px !important;margin-bottom: 0 !important;}
  #searchbar {right:130px;}
  #search-input {width: 110px;}
  .search-block-form .form-actions {margin-top: 0;}
  .search-block-form .form-item {margin-top: 0;}
  .search-block-form {display: flex !important;}
  .search-block-form {display: flex !important;}
  .search-block-form .form-item  {margin-top: 0;}
  .search-block-form .form-actions {margin-top: 0;}
  .section-with-more-info__item {min-height: 400px;}
  .top-nav {position: absolute; top:-45px; margin-top: 5px;}
  #two-column-left h2 { font-size: 74px; padding-bottom: 60px; /*padding-right:20%;*/}
  a.employee-btn:before {font-size: 5rem;}
  a.employer-btn:before {font-size: 5rem;}
  main ul ul {padding-top: .5em;}
  main li {font-size:1.5em; padding: .5em;}
  main li ul li {font-size: inherit;}
  nav > .container-fluid {margin-right: 0; padding-right: 0 !important;}
  .search-results li p {font-size:1em;}
  .search-result__title {font-size:1.8em;}

}