.mod-navigation-logo-v9 { display: contents; }
.mod-navigation-logo-v9 img { height: 100%; }
 
@media screen and (max-width:1200px) {
  .mod-navigation-logo-v9 { display: none; }
  .mod-navigation-logo-v9.mod-navigation-logo-v9--mobile { display: contents; }
}


.mod-navigation-center{
    height:5.5em;
}

/*button*/
span.mod-card-button {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media screen and (max-width: 500px){
.mod-navigation-logo img {
    position: relative;
    display: block;
    max-width: 50%;
    max-height: 84%;
    top: 0.75em;
    left: -1em;
    right: auto;
    bottom: auto;
}
}

/*none home page menu*/
@media screen and (max-width: 1350px){
.mod-navigation-section.collapsed.mod-navigation-section-short {
    font-size: 14px;
}
a#nav-item3{
    font-size: 10px;
}
a#nav-item4{
    font-size: 10px;
}
}

.mod-navigation-link{
padding: 2em;
}
/******************** SMALL PROMOS *********************/

.home .mod-tile-overlay:hover .mod-tile-image-wrap, .home .mod-tile-overlay:focus .mod-tile-image-wrap {
  background: #080f0a;
}
.mod-tile-headline, .mod-tile-wrap-horiz .mod-tile-overlay .mod-tile-headline {
    font-size: 2em;
    font-weight: 900;
    line-height: 1em;
    color: #ffffff;
    text-align: center;
    text-transform: none;
    background: #ffffff00;
}

.mod-tile-body {
padding-top: 0.5em;
font-size: 1.5em;
font-weight: 700;
line-height: 1.37em;
color: #c1c1c1;
background: #ffffff00;
}

.home .mod-tile-overlay .mod-tile-image-wrap{
background: #0b140d;
}

.mod-tile-button:hover{
    color: #ffffff;
    background: #582602;
}

.mod-tile-button {
    background: #f7b94c;
    color: #582602;
}

.defaultCTA {
    position: relative;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
    width: 14em;
    margin: 0.5em 0 0 0;
    padding: 1em 3.3em 1em 1.5em;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: .1em;
    line-height: 1.2em;
    color: #505050;
    text-decoration: none;
    text-transform: uppercase;
    background: #f7b94c;
    border: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    transition: .25s;
}

.mod-tile-overlay .mod-tile-content{
min-height: 340px;
}
.mod-tile:hover .mod-tile-button, .mod-tile:focus .mod-tile-button {
  color: #fff;
  background: #582602;
}

/*Login Button*/
.mod-navigation-login-link::before, .mod-navigation-login-link:before{
color: #53290b;
opacity: 1;
}
.mod-navigation-login-link:hover, .mod-navigation-login-link:focus {
color: white;
background: #7c3e11;
}
.mod-navigation-login-link:hover::before, .mod-navigation-login-link:hover:before, .mod-navigation-login-link:focus::before, .mod-navigation-login-link:focus:before {
color: white;
}

@media screen and (min-width: 1201px){
.home .mod-navigation .mod-navigation-login:not(.mod-navigation-login-docked) {
    position: absolute;
    width: 17.5em;
    top: 9em;
    right: 3.5em;
}
}


/*CTA*/
a.defaultCTA{
background: #f7b94c;
color: #505050;
border: none;
width: 19em;
}
.defaultCTA:hover, .defaultCTA:focus {
    background: #361903;
    border: none;
    color: white;
}
.defaultCTA:hover::after, .defaultCTA:hover:after, .defaultCTA:focus::after, .defaultCTA:focus:after {
color:#b53722;
}
a {
color: #000000;
}

.mod-navigation-login-link {
border: none;
background:#f7b94c;
color: #53290b;
}

/*Menu*/
.mod-navigation-children {
    background: #152619;
}
.mod-navigation-section:hover>.mod-navigation-link, .mod-navigation-section>.mod-navigation-link:focus {
background: #44443e;
}
.mod-navigation-section:hover>.mod-navigation-link, .mod-navigation-section>.mod-navigation-link:focus {
    background-color: rgb(230, 239, 209, 0.605);
    color: #0b0b0b;
}
.mod-tile-button::after, .mod-tile-button:after {
color: #582602;
transition: .25s;
}
@media screen and (max-width: 1200px){
.collapsed .mod-navigation-link-parent::before, .collapsed .mod-navigation-link-parent:before {
margin: -0.4em 0em 0em -0.5em;
}
}
@media screen and (max-width: 1200px){
.mod-navigation-link-parent::before, .mod-navigation-link-parent:before {
margin: -0.6em 0em 0em -0.5em;
}
}

.social-logo{
display: none;
}

/*Home Mobile*/
@media screen and (max-width: 1200px){
.collapsed .mod-navigation-children, .collapsed .mod-navigation-link, .collapsed .mod-navigation-link:hover, .collapsed .mod-navigation-link:focus, .collapsed .mod-navigation-section:hover .mod-navigation-link, .collapsed .mod-navigation-section:focus .mod-navigation-link, .mod-navigation-section.collapsed:hover .mod-navigation-link, .mod-navigation-section.collapsed:focus .mod-navigation-link {
    background: #2a4a32;
    color: white;
}
}
@media screen and (max-width: 1200px){
.mod-navigation-link {
border-top: none;
}
}

.mod-navigation-login-submit:hover, .mod-navigation-login-submit:focus {
background: #7c3e11;
color: #ffffff;
border: none;
}

/*Cards*/
.Cardwrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}
@media screen and (max-width: 480px){
.mod-card-section{
margin: 5px 0px 5px 0px;
}
}
.mod-card-section {
height: 300px;
width: 45%;
margin: 5px 5px 5px 5px;
min-width: 290px;
}
.mod-card {
width: 99%;

display: flex;
flex-wrap: wrap;

position: absolute;
left: 0%;
top: 0px;
margin-bottom: 0px;

height: 280px;
margin-right: 8px;
}
.mod-card-button:hover, .mod-card-button:focus {
    color: white;
    background: #7c3e11;
}
/*card Details*/
.mod-card-button {
font-size: .75em;
}
/*Card Mobile*/
span.mod-card-button {
    max-height: 60px;
}
@media screen and (max-width: 671px){
.mod-card {
min-width: 100%;
min-height: 17em;
}

}

@media screen and (max-width: 450px){
.mod-card {
    min-height: 19em;
    min-width: auto;
}
.mod-card-section {
    min-width: 268px;
}
}

@media screen and (max-width: 290px){
.mod-card-section {
    min-width: 200px;
}
.mod-card-button {
    font-size: .85em;
}
.mod-card-title {
    font-size: 1.4em;
}

}

/*About Page*/
.Aboutpage{
display: flex;
flex-wrap: wrap;
}
.Aboutpic{
object-fit: cover;
width: 19%;
margin: 0em 1em 0em 0em;
}
.Aboutpic img:nth-child(1){
width: 100%;
text-align: justify;
}
.paragraphabout{
width: 75%;
}
/*Grid*/
.fancyTable th a, .fancyTable th p, .fancyTable th {
    color: #000000;
}
.fancyTable th {
    background: #d5d5d5;
    padding: 1em 0.5em;
    font-size: 1em;
    border-color: #000000;
    font-weight: 400;
}

/*List Styling*/
ul, ol {
    display: flex;
    position: relative;
    margin: 0.25em 0 1em 1.5em;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}
ul li {
    max-width: 26em;
}

/*Buttons*/
.mod-tile-button {
border:none;
}
.mod-tile:hover .mod-tile-button::after, .mod-tile:hover .mod-tile-button:after, .mod-tile:focus .mod-tile-button::after, .mod-tile:focus .mod-tile-button:after {
color:white;
}

.mod-tile-wrap {
max-width: fit-content;
}
.mod-tile-wrap-horiz .mod-tile-wrap {
padding: 0;
}

/*Menu*/

.mod-hero-content-wrap {
background: #00550077;
}

.mod-navigation {
background: #152619;
}

/*edits*/
.mod-tile-wrap-horiz .mod-tile.mod-tile-overlay{
    background: black;
}
.mod-footer-copyright-wrap img{
    filter: invert(1);  
}
html {
    font-family: 'Palatino Linotype', Baskerville, 'Times New Roman', Times, serif ;
}

.fit-in-frame .mod-hero-image, .mod-hero-image.fit-in-frame {
    height: auto;
}
.mod-tile {
    height: 10em;
}

hr {
    color: rgba(110, 123, 107, 0.20);
}

.mod-footer-social-wrap p a.sitemap-link {
    color: #fff;
}

/******************** TEXT MODIFICATIONS *******************/

.mod-content-image-headline {
    font-size: 3.6em;
    font-weight: 900;
    line-height: 1.2em;
    color: #fff;
    text-shadow: 1px 2px 3px #505050;
}

.mod-hero-subline {
  font-size: 1.5em;
  font-weight: 300;
  line-height: 1.2em;
  color: #fff;
}

.subheading {
    display: block;
    padding: 0 0 0.5em 0;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.2em;
    color: #516d58;
}

/**** CUSTOM STYLES ****/
.plaque {
    display: block;
    background-color: rgba(121, 154, 129, 0.20);
    border: 1pt solid rgba(31, 63, 24, 0.60);
    border-radius: 6px ;
    padding: 0.6em 0.6em 0.6em 0.6em;
    margin-top: .8em;
    font-size: 1.2em;
    font-weight: 500;
    line-height: 1.2em;
    color: #516d58;
}

/**** END CUSTOM STYLES ****/

.h1style, h1 {
    display: block;
    padding: 0 0 0.1em 0;
    font-size: 3.6em;
    font-weight: 900;
    line-height: 1.2em;
    color: #5b5c60;
}

.h2style {
    display: block;
    padding: 0.5em 0 0.15em 0;
    font-size: 2em;
    font-weight: 800;
    line-height: 1.2em;
    color:#5b5c60;
    text-shadow: 1px 2px 3px #bdbdbd;
}

.h3style {
    display: block;
    padding: 0.5em 0 0.15em 0;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2em;
    color: #5b5c60;
    text-shadow: 1px 2px 3px #bdbdbd;
}

p.h3style {
    display: block;
    padding: 0.5em 0 1em 0;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.2em;
    color: #5b5c60;
    text-shadow: 1px 2px 3px #bdbdbd;
}

.pageTitle {
  display: block;
  padding: 0 0 1em 0;
  font-size: 3.2em;
  font-weight: 300;
  line-height: 1.2em;
  color: #5b5c60 ;
}

ul li::before, ul li:before {
    background: #799a81;
    border-radius: 50%;
}

p, p a {
    color: #606060;
}

li.p {
    color: #606060;
}

li {
    color: #606060;  
}


/************************************** HOME PAGE MODIFICATIONS **************************************/
/*****************************************************************************************************/

/******************** SITE COLORS *******************/

.mod-footer-wrap {
    font-size: 20px;
    background: #005500;
}

/*** COLOR OVERLAY FOR MAIN PROMOS ***/
.mod-hero-rotator-slide-overlay {
    background-color: #516355;
}
/*** COLOR OVERLAY FOR INTERNAL PAGES ***/
.mod-content-image-banner {
  background: #516355;
}

/******************** QUICK LINKS **********************/

.mod-quick-link-rotator .mod-quick-link, .mod-quick-link-rotator .mod-quick-link:link, .mod-quick-link-rotator .mod-quick-link:visited, .mod-quick-link-rotator .mod-quick-link-prev, .mod-quick-link-rotator .mod-quick-link-prev:link, .mod-quick-link-rotator .mod-quick-link-prev:visited, .mod-quick-link-rotator .mod-quick-link-next, .mod-quick-link-rotator .mod-quick-link-next:visited {
    background: #005500;
    color: whitesmoke;
    font-weight: 600;
    font-size: .8em;
    border-bottom: 4px ridge #5c7663;
    font-family: 'Palatino Linotype', Baskerville, 'Times New Roman', Times, serif ;
}
.mod-quick-link-rotator .mod-quick-link:hover, .mod-quick-link-rotator .mod-quick-link:focus, .mod-quick-link-rotator .mod-quick-link:active {
    color: white;
    background: #361903;
    cursor: pointer;
}


.mod-quick-link-rotator .mod-quick-link-prev:hover, .mod-quick-link-rotator .mod-quick-link-prev:focus, .mod-quick-link-rotator .mod-quick-link-prev:active, .mod-quick-link-rotator .mod-quick-link-next:hover, .mod-quick-link-rotator .mod-quick-link-next:focus, .mod-quick-link-rotator .mod-quick-link-next:active {
    background: #5a6a5f;
    cursor: pointer;
}


.mod-navigation-link {
    line-height: 1.4em;
    color: #fff;
    text-decoration: none;
}

.mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent {
background-color: rgb(230, 239, 209, 0.605);
  color: #0b0b0b;
  /*border-bottom: 1px solid rgba(253, 175, 8, 0.85);*/ 
  box-shadow: 0pt 0pt 6pt rgba(0, 0, 0, 0.687);
  z-index: 502;
}


.mod-navigation-children .mod-navigation-link {
    color: #ffffff;
    z-index: 502;
    background: #152619;
}
.mod-navigation-section:hover .mod-navigation-children, .mod-navigation-link:focus+.mod-navigation-children {
    background: #152619;
}

/*.mod-navigation-children .mod-navigation-link:hover, .mod-navigation-children .mod-navigation-link:focus {
    text-decoration: underline;
    background-color: #586e58
}*/


/* LOGIN SUBMIT BUTTON */
.mod-navigation-login-submit {
    padding: .5em 1em;
    color: #361903;
    text-align: center;
    background: #f7b94c;
    z-index: 300;
}


/* LOGIN PASSWORD FIELD */
.mod-navigation-login-input {
    padding: 0.5em;
    font-size: 1em;
    line-height: 1.2em;
    color: #000;
    background: #fff;
    border: none;
    z-index: 300;
}

/* LOGIN BACKGROUND */
.home .mod-navigation-login {
    width: 320px;
    right: 0;
    margin: 0 0 -100em 0;
    padding: .8em .8em;
    background: transparent;
    background: rgba(255,255,255,.1);
    z-index: 300;
}

/********************** MAIN PROMO *************************/



.mod-hero-button {
    background:#f7b94c;
    border: 1px solid #5b5c60;
    color: #262626;
}

.mod-hero-button:hover, .mod-hero-button:focus {
    background:rgb(255 234 189);
}

/********************** RATES MODULE ***********************/

.mod-promo-rate {
  padding: .5em 1.5em;
  font-size: 1rem;
  color: #1d1d1d;
  text-decoration: none;
  background-color:rgba(121, 154, 129, 0.45);
}

.mod-promo-rate-wrap {
  background:rgba(121, 154, 129, 0.45);
}

.mod-promo-rate-cta {
    color: #fff;
    background: #516355;
    border: 1pt solid #5b5c60;
}
/* Rates Button Rollover */
.mod-promo-rate:hover .mod-promo-rate-cta, .mod-promo-rate:focus .mod-promo-rate-cta {
  background: #90ae96;
  color:#000;
  border: 1pt solid #5b5c60;
}


.mod-tile-wrap-horiz .mod-tile {
   height: 20em;
}


/***************** FOOTER ******************/

.simple-footer .mod-footer-column-title, .simple-footer .mod-footer-column a {
    position: relative;
    display: inline-block;
    color: whitesmoke;
    font-size: .85em;
    font-weight: 700;
}

.mod-footer-copyright-wrap p, .mod-footer-copyright-wrap a {
    color: whitesmoke;
}

.mod-footer-logo-wrap img {
    max-width: 10em;
}

/*********************************** INTERNAL/CONTENT MDIFICATIONS *********************************/
/***************************************************************************************************/

/********************** INTERIOR PAGE TOP MARGIN *******************/

.mod-page-wrap {
    padding: 1em;
}
/********************** INTERIOR PAGE HEADLINES *******************/

.mod-content-image-overlay-center {
    bottom: 15%;
  text-align: left;
  color: #fff;
}


/*********** CUSTOM CARD ************/
/*
.mod-card {
    width: 49%;
}
*/

.mod-card-title {
    padding: 0 0 0.15em 0;
    font-size: 2em;
    font-weight: 900;
    line-height: 1.2em;
    color: #556a5a;
}

.mod-card-button {
color: #7c3e11;
background: #f8be17;
border: none
}


/*********** PRODUCT GRID MODIFICATIONS ***************/

.fancyTable .fancyTableHead th p, .fancyTable .fancyTableHead th a {
  color: #ffffff;
  font-weight: 600;
}

.fancyTable .fancyTableHead th {
  color: #fff;
  background:#516355;
  border-left: 1px solid #616c63;
  border-right: 1px solid #616c63;
}

.fancyTable td a {
  color: #5a714d;
}

.largeSpace {
    height: 1em;
}

/*********** EXPANDING CONTENT ***************/

/*** CONTETNT OPEN ***/
.expanded .mod-expanding-trigger, .no-js .mod-expanding-trigger {
  padding: .73em .9em;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #fff;
  background: rgba(117, 131, 114, 0.67);
}

/*** CONTENT CLOSED ***/
.mod-expanding-trigger {
  padding: 1.2em;
  font-size: 1em;
  line-height: 1.2em;
  color: #5b5b5b;
  text-decoration: none;
  background: rgba(117, 131, 114, 0.30);
  box-shadow:3px 4px 5px rgb(108, 108, 108) ;
}

.expanded .mod-expanding-trigger::before, .expanded .mod-expanding-trigger:before {
    margin: 0 1em 0 0;
    color: #707e73;
    font-size: .75em;
    line-height: 1em;
}

/*********** CUSTOM CARD POSITION MOD ************/
/*** Allows Custom Cards to float left and line up horizontally, end to end instead of Vertically up and down the page. 
It also expands the card size horizontally. To turn this function off, comment out the css code below when adding new cards, and the "red line" ( Place below marker) under 
the card will appear again, allowing the user to add cards as usual. Otherwise new cards must be added to the top of the list ***/
/*
.mod-card-section {
    float: left;
    display: inline-block;
    position: static;
    max-width: 49%;
    min-width: 280px;
    margin: 0 2em 0 0;
}
.mod-card {
    min-width: 95%;
    margin: 0 0 2% 0;
    font-size: .8rem;
}
*/
/****************************** EVENTS MODULE *******************************/

.mod-event-title {
    padding: 0 0 0.4em 0;
    font-size: 2.1em;
    font-weight: 900;
    line-height: 1.2em;
    color: #556a5a;
}

.mod-event-date-d {
    color: #556a5a;
    text-align: center;
    border: 1px solid #aaaaaa;
    border-radius: 50%;
}

/********************* LOCATIONS PAGE *********************/

.mod-static-location-button {
    background: #f8be17;
    color: #7c3e11;
    border: none;
}
.mod-static-location-button::after, .mod-static-location-button:after {
    color: #7c3e11;
}

.mod-static-location-button:hover, .mod-static-location-button:focus {
color: white;
background: #7c3e11
}

.mod-static-location-name {
    padding: 0 1.5em 0.75em 0;
    font-size: 2em;
    line-height: 1.2em;
    color: #5b5c60;
    text-shadow: 1px 2px 3px #bdbdbd;
}

.mod-static-location-button:hover::after, .mod-static-location-button:hover:after, .mod-static-location-button:focus::after, .mod-static-location-button:focus:after {
    color: white;
}

.mod-location-emp {
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 6em;
}

/********************************** MEDIA QUERIES ****************************************/
/**********************************               ****************************************/

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

 /*** This mod was added to keep the interior "Internet Banking" button in the main navigation from 
 dropping behind the login button when the site is sized down to 1460 px ***/

}



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

 /* MAIN NAVIGATION */
 .mod-navigation-section.mod-navigation-section-short .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:hover .mod-navigation-link-parent, .mod-navigation-section.mod-navigation-section-short:focus .mod-navigation-link-parent {
    background: #2a4a32; /*799a81*/
    color: #fff;
 }
 
 .mod-navigation-link:hover, .mod-navigation-link:focus, .mod-navigation-section:hover .mod-navigation-link {
    background: #152619;
    color: #d0d0d0;
 }

 .mod-navigation-link {
    color: #fff;
    background: #2a4a32; /*799a81*/  
 }

 .mod-navigation-children {
  background-color: rgba(253, 175, 8, 0.85);
  z-index: 502;
 }

 /* FIX for the "X" disapearing when you hover over the "About Us" button in the mobile navigation - JM */
 .mod-navigation-close, .mod-collapsed-navigation .mod-navigation-close {
     z-index: 505;
 }

 /* BACKGROUND FOR LOGIN BUTTON */
 .home .mod-navigation-login {
    background: transparent;
    background: rgba(255,255,255, 0);  
 }



}

@media screen and (max-width:980px) {
  
 .mod-hero-rotator, .mod-hero-rotator-slide.slick-slide {
    min-height: 27.5em;
 }

 .fit-in-frame .mod-hero-image, .mod-hero-image.fit-in-frame {
    height: auto;
 }



 .mod-hero-subline {
    font-size: 1.2em;
    width: auto;
 }
 
 /* Main Promo CTA Button */
 .mod-hero-button {
    font-size: .7em;
 } 


 /** PAGE HEADLINE SIZE ***/
 .mod-content-image-headline {
    font-size: 2.4em;
    font-weight: 900;
    line-height: 1.2em;
    /*color: #fff;
    text-shadow: 1px 2px 3px #505050;*/
 }

 /*** PRODCT GRID ROW TITLES ***/
 .fancyTable.mod-row-table th, .fancyTable.mod-row-table td, .mobileFancyTableHeader, .mobileFancyTableCol {
    color: #889c8c;
  }
 /*** PRODUCT GRID ITEM TEXT ***/
 .fancyTable.mod-row-table th, .fancyTable.mod-row-table td, .mobileFancyTableHeader, .mobileFancyTableCol p {
    color: #606060;
 }
 /*** PRODUCT GRID LINK ***/
 .fancyTable.mod-row-table th, .fancyTable.mod-row-table td, .mobileFancyTableHeader, .mobileFancyTableCol a {
    color: #567e5e;
 }



}

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

 .mod-hero-rotator, .mod-hero-rotator-slide.slick-slide {
    min-height: 24em;
 }

 .fit-in-frame .mod-hero-image, .mod-hero-image.fit-in-frame {
    height: auto;
 }
    
    .mod-content-image-headline {
    font-size: 2em;
    font-weight: 900;
    line-height: .8em;
    color: #fff;
    text-shadow: 1px 2px 3px #505050;
 }



 .mod-hero-subline {
    font-size: 1.2em;
    width: auto;
 }
 
 /* Main Promo CTA Button */
 .mod-hero-button {
    font-size: .7em;
 }

}


 /* Main Promo CTA Button */
 .mod-hero-button {
    font-size: .7em;
 }

 .mod-card-title {
    font-size: 1.8em;
 }

@media screen and (max-width:460px){
    .mod-navigation-login-link{
        padding:.9em .6em;
    }
}

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

 /*** PAGE HEADLINES SIZE ***/

 .h2style {
    font-size: 1.8em;
 }

 p.h3style {
    font-size: 1.5em;
 }

 /*** PAGE SIDE MARGINS ***/
 .mod-page-wrap {
    padding: 0.5em;
 }

 /* MOBILE BANKING LOGIN BUTTON POSITION - HOME PAGE */
 .home .mod-navigation .mod-navigation-login:not(.mod-navigation-login-docked) {
    position: absolute;
    width: 10.5em;
    top: .1em;
    right: .1em;
 }


 /* PRIVACY POLICY */
 .mod-safe-area{
    Padding: 0 1em;
 }

 /* Adjuested the right hand side padding to allow more text per line on mobile devices -JJM */
 ul li {
    padding: 0.5em .3em .5em 2.25em; 
 }
 
 /* Main Promo Headline Size and Text Box Size */
 .mod-hero-headline {
  font-size: 1.4em;
  line-height: 1em;
  width: 250px;
 }

 .mod-hero-subline {
    font-size: 1em;
    line-height: 1.3em;
    width:auto;
 }
 /* Main Promo CTA Button */
 .mod-hero-button {
    font-size: .7em;
 }   
}

@media screen and (max-width:390px) {
 .mod-hero-rotator, .mod-hero-rotator-slide.slick-slide {
    min-height: 18em;
 }

 .fit-in-frame .mod-hero-image, .mod-hero-image.fit-in-frame {
    height: auto;
 }
 
 /* HOME PAGE MOBILE BANKING LOG ON BUTTON POSITION */
 


 .mod-navigation-icon::before, .mod-navigation-icon:before, .mod-navigation-icon::after, .mod-navigation-icon:after {
     top: 50%;
 }

 /* Main Promo Headline Size and Text Box Size */
 .mod-hero-headline {
  font-size: 1.2em;
  line-height: 1em;
  width: 225px;
 }

 .mod-hero-subline {
    font-size: .8em;
    line-height: 1.3em;
    width:auto;
 }
 /* Main Promo CTA Button */
 .mod-hero-button {
    font-size: .7em;
 }
}

@media screen and (max-width:320px){
 .home .mod-navigation .mod-navigation-login:not(.mod-navigation-login-docked) {
    position: absolute;
    width: 10.5em;
    top: 0.4em;
    right: -.4em;
 }
 
 .home .mod-navigation-login-link {
    padding: 0.6em 1em;
 }

}