html, body {margin: 0; padding: 0;} html {font-size: 100%; text-size-adjust: 100%;}

@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 400; font-display: block;
  src: url('fonts/poppins-v20-latin-regular.woff2') format('woff2'), url('fonts/poppins-v20-latin-regular.woff') format('woff');
}

@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 500; font-display: block;
  src: url('fonts/poppins-v20-latin-500.woff2') format('woff2'), url('fonts/poppins-v20-latin-500.woff') format('woff');
}

@font-face {font-family: 'Poppins'; font-style: normal; font-weight: 600; font-display: block;
  src: url('fonts/poppins-v20-latin-600.woff2') format('woff2'), url('fonts/poppins-v20-latin-600.woff') format('woff');
}

body {font-family: 'Poppins', Arial, Helvetica, sans-serif; font-variant-ligatures: none; font-size: 100%; font-kerning: normal;}

#width {position: fixed; top: 0; z-index: 20; padding: 0 3px; font-size: 11px; line-height: 14px; font-family: Arial; background-color: #FF0;}
a, a:visited, a:hover {color: #2E3FE1;}
a {text-decoration: underline; text-decoration-thickness: 1px; text-decoration-style: dotted; text-underline-offset: .15em; cursor: pointer;}
a:focus-visible {outline: 2px solid #66AFE9; outline-offset: 2px;}
* {-webkit-tap-highlight-color: transparent;} img {border: 0;}
.phlink {color: inherit !important; text-decoration: none !important; white-space: nowrap;} .phlink:hover {cursor: text;}

/*-----------------------------------------------*/

/*HEADER*/

/*fixed*/
@media (min-width: 481px) {
#headtopback, #headtop, #headerback, header {position: fixed !important;}
#headtop, #headerback, header {z-index: 1;} #headtopback {z-index: 2 /*for phone/text toggle*/;}

#headerback, header{top: 35px;} #headerback {box-shadow: 0px 0px 5px -1px #000000;}
}
/*end fixed*/

#logo {position: absolute; z-index: 3;} #logo img {display: block; width: 209px; height: 46px;} #logo a {display: block}

#headtopback, #headtop {height: 35px; width: 100%;} #headerback {width: 100%; position: relative;}
#headtop, header{position: relative; display: table; width: 100%; max-width: 2200px; left: 0; right: 0; margin: auto; text-align: center;}
#headtop, #logo {padding: 0 2vw;}

@media (min-width: 1256px) {#spacer {height: 115px;} #headerback, header{height: 80px;} #logo {margin-top: 20px;}}
@media (max-width: 1255px) {#spacer {height: 165px;} #headerback, header{height: 130px;} #logo {margin-top: 44px;}}
@media (max-width: 790px) {#spacer {height: 104px;} #headerback, header{height: 70px;} #logo {margin-top: 15px;}}
@media (max-width: 480px) {#spacer {height: 0; display: none;}}

/*----------------*/

/*Phone or Text*/

#phone {font-size: 20px; line-height: 1; text-align: right; white-space: nowrap;}
#phone span {font-size: .9em; margin-right: 5px;}

.phone-wrapper {display: inline-block;}
.phone-wrapper img {width: 22px; height: 22px; margin: 0 12px 3px 0; vertical-align: middle;}
.phone-link {-webkit-user-select: none; user-select: none; cursor: pointer; fot-size: 20px; font-weight: 500; color: #FFF;}

#contact-toggle, .popup {display: none;} #contact-toggle:checked ~ .popup {display: block;}

.popup {position: absolute; margin-top: 10px; padding: 12px 12px 4px 12px; width: 125px; text-align: center; box-sizing: border-box; background-color: #FFF; border: 1px solid #DDD; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.12); z-index: 99999 !important;}

.popup a {white-space: nowrap; display: block; padding: 10px 4px 7px 4px; font-size: 18px; text-decoration: none; box-sizing: border-box; border-radius: 8px; color: #FFF !important; transition: .15s;}
.popup a:first-of-type {background-color: #2057CE; margin-bottom: 8px;}
.popup a:last-of-type {background-color: #1B8E55;}
.popup a:hover {filter: brightness(120%) saturate(120%);}

.dismiss-btn {display: inline-block; margin-top: 10px; padding: 4px 12px; font-size: 24px; font-weight: bold; color: #666; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none;} /*keep -webkit*/

.dismiss-btn:hover {color: #000;}

/*----------------*/

/*MENU*/
/*.navheader {border: 1px solid orange} nav {border: 1px solid green} nav div {border: 1px solid cyan} nav a {border: 1px solid blue}*/

a, *:hover {-webkit-tap-highlight-color: transparent;} #navcheck {display: none;}
nav a.selected {cursor: text; -webkit-user-select: none; -webkit-touch-callout: none;}
nav a {display: block; position: relative; text-decoration:none !important; cursor: pointer; line-height: 1.25; font-weight: 400; vertical-align: middle; -webkit-transition: background .3s, border .4s, font-size .4s;}
.navheader {right: 0;}

@media (min-width: 2041px) {nav a {height: 40px;} .navheader {top: 17px;} nav a {padding: 3px 11px 3px 11px;}}
@media (max-width: 2040px) {nav span {display: block;} .navheader {top: 15px;}}
@media (max-width: 2040px) and (min-width: 791px) {
nav a {height: 45px; font-size: 16px;} nav div:nth-child(3) span {font-size: .95em; letter-spacing: -.3px;}
}
@media (max-width: 2040px) and (min-width: 1391px) {nav a {padding: 2px 11px 4px 11px;}}
@media (max-width: 1390px) and (min-width: 791px) {nav a {font-size: 15px; padding: 3px 7px 3px 7px;}}

@media (min-width: 1256px) {
nav div:nth-child(1):after, nav div:nth-child(7):after {content:""; display: table-cell; vertical-align: middle; width: 5px;}
nav div:nth-child(2):before, nav div:nth-child(8):before {content:""; display: table-cell; vertical-align: middle; width: 5px; border-left: 1px solid #AAA;}
}
@media (max-width: 1255px) and (min-width: 791px) {
nav {width: 520px; text-align: right;} nav div {margin: 2px 0;} .navheader {top: 11px;} nav a {padding: 2px 14.9px 3px 15px;}
nav div:nth-child(n+2):nth-child(-n+7) a {padding: 2px 9px 3px 9px;}
/*nav div {height: 50px !important;} nav div:nth-child(1), nav div:nth-child(1) a {height: 99px;}*/
}
/*@media (max-width: 805px) and (min-width: 791px) {
.navheader {top: 13px;} nav {width: 505px;} nav div {margin: 1px -1px;} nav a {padding: 2px 9px 3px 9px;}
}*/
@media (min-width: 791px) {
.ham {display: none;} .navheader {position: absolute; padding: 0 2vw;}
nav {display:inline-block;} nav div {display: inline-block; vertical-align: middle; white-space: nowrap;}
nav a {display: table-cell; text-align: center; border-radius: 8px;}
}
@media (max-width: 790px) {
.navheader {margin: 0 -1px;} /*because menu isn't extending all the way*/
nav {position: relative; text-align: center; transition: .15s; height: 0; font-size: 0; box-shadow: 0 8px 10px -9px #000; box-sizing: border-box; z-index: 10000; top: 70px; transition: box-shadow 0s;}
nav div {width: 50%; display: inline-block; text-align: center; left: 0; margin: -1.5px -2px; font-size: 0; right: 0; height: 0; opacity: 0; transition: height .2s, opacity .3s; border: 1px solid transparent;}
nav div:first-child, nav div:last-child {width: 99.8%;}
nav a {text-align: center; font-size: 0; opacity: 0; height: 0; white-space: nowrap; padding: 1px 8px;} nav span {display: inline;}

#navcheck:checked ~ nav {height: 100%; z-index: 2; box-shadow: 0 50vw 100px 20vw rgba(0, 0, 0, 0.7);}
#navcheck:checked ~ nav div {opacity: 1; height: 70px;}
#navcheck:checked ~ nav a {font-size: 20px; border: 1px solid #FFDB60; opacity: 1; height: 67px; vertical-align: middle; display: table-cell; width: 100vw;}
#navcheck:checked ~ nav div:first-child, #navcheck:checked ~ nav div:last-child {height: 55px !important;}
#navcheck:checked ~ nav div:first-child a, #navcheck:checked ~ nav div:last-child a {height: 52px !important;}

.ham, .ham * {-webkit-touch-callout: none; -webkit-user-select: none; user-select: none; touch-action: manipulation;}
.ham {position: absolute; z-index: 6; height: 35px; width: 45px; top: 6px; right: 10px; margin: auto; text-align: center; padding: 0 10px 10px 10px;}
.ham:hover {cursor: pointer;}

.ham span {top: 28px; left: 10px; -webkit-transition: -webkit-transform 0.35s ease-out;}
.ham span, .ham span:before, .ham span:after {position: absolute; display: block; content: ""; height: 3px; width: 38px; opacity: 1; background: #DE1200; border-radius: 1px;}
.ham span:before {top: -10px;} .ham span:after {top: 10px;}

#navcheck:checked ~ .ham span {width: 0; transform: rotateX(180deg); transition-timing-function: ease;}
#navcheck:checked ~ .ham span:before {-webkit-transform: rotateZ(37deg); top: 0;}
#navcheck:checked ~ .ham span:after {-webkit-transform: rotateZ(-37deg); top: 0;}
}
/*@media (min-width: 1px) {
nav div:nth-child(1):after, nav div:nth-child(7):after {padding-right: 5px;}
nav div:nth-child(2):before, nav div:nth-child(8):before {padding-right: 9px;}
}*/
/*@media (max-width: 710px) {
nav a {font-size: 15px;} nav div {margin: 0 -1px;}
nav div:nth-child(1):after, nav div:nth-child(7):after {padding-right: 2px;}
nav div:nth-child(2):before, nav div:nth-child(8):before {padding-right: 4px;}
}*/
@media (max-width: 710px) and (min-width: 791px) {.navheader {padding-right: 1.3vw !important;}}
@media (max-width: 660px) and (min-width: 791px) {
nav {width: 490px;} nav a {padding: 2px 8.5px 3px 8.5px; font-size: 14px;}
nav div:nth-child(n+2):nth-child(-n+7) a {padding: 2px 3px 3px 3px;}
}
@media (max-width: 500px) {nav div:nth-child(3) span, nav div:nth-child(5) span {display: block;}}
@media (max-width: 430px) {nav div:nth-child(4) span, nav div:nth-child(8) span, nav div:nth-child(10) span {display: block;}}
@media (max-width: 340px) {nav div:nth-child(5) span, nav div:nth-child(6) span {display: block;}}
@media (max-width: 325px) {#navcheck:checked ~ nav a {font-size: 19px;} .ham {right: 3px;}}

/*-----------------------------------------------*/

/*Top Pic - Home Page*/

.bgimgback {height: 55vw; max-height: 500px; position: relative; background-color: #5F1107;}
.bgimg {position: relative; background-repeat: repeat; background-size: contain; background-position: 30% 50%; height: 100%;}

.caption {position: absolute; color: #FFF; line-height: 1.1; text-align: center; width: auto; left: 30px !important; right: 30px !important; top: 44%; -webkit-transform: translateY(-44%); transform: translateY(-44%);}
.caption1 {font-size: 60px; line-height: 1.1 !important; font-weight: 600;}
.caption2 {font-size: 50px; font-weight: 500; text-transform: uppercase; padding: 15px 0 0 0; white-space: nowrap;}
.caption1 span {display: block; font-size: 80px !important; line-height: 1.1; color: #ffdb60;}
.caption3 {font-size: 45px; line-height: 1.3; font-weight: 500; padding: 20px 0 0 0;}

@media (max-width: 1085px) {.caption1 {font-size: 6.5vw;} .caption1 span {font-size: 1.1em !important;}}
@media (max-width: 940px) {.caption3 {font-size: 4.5vw; padding: 3vw 0 0 0;}}
@media (max-width: 750px) {.caption2 {font-size: 6.5vw;}}

@media (min-width: 481px) {.caption span {padding-top: 10px;}}
@media (max-width: 480px) {
.caption1 {font-size: 9vw;} .caption1 span {font-size: 1.3em !important; padding-top: 5px;} .caption2 {font-size: 7.2vw; padding-top: 10px;}
.caption3 nobr {display: none;} .caption3 {display: none;}
}

@media (min-width: 501px) {.bgimg {background-image: url("images/t-brooks-web-design-south-jersey1.png");}}
@media (max-width: 500px) {.bgimg {background-image: url("images/t-brooks-web-design-south-jersey2.png");}}

/*----------------------------------------------*/

#toppic {position: relative; height: calc(72px + 31vw); margin: auto; max-height: 420px; max-width: 1500px; overflow: hidden;}
@media (min-width: 1515px) {#tpback {height: calc(80px + 35vw); max-height: 420px;}}
#toppic img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 500px; height: 300px; width: 100%; height: auto; display: block;}
@media (max-width: 500px) {#toppic {height: 58vw;}}

/*----------------------------------------------*/

/*BODY AREA*/

/*#bread {font-size: 14px; line-height: 1.4; margin: 3px 0 20px 0;}*/

.bodyarea {padding: 30px 0 35px 0; margin: auto; width: 85%; max-width: 1500px;}
.bodyarea, h2, h3 {font-size: 20px; line-height: 1.65; font-weight: 400;}
.bodyhead {padding: 40px 0 20px 0; font-weight: 500 !important; font-size: 1.7em; line-height: 1.25; text-align: center;}
h1, h2, h4, h5 {margin: 0;} h3 {margin-top: 20px;}

@media (max-width: 800px) {.bodyhead {font-size: 1.6em;}}
@media (max-width: 480px) {.bodyhead {padding: 0;} .bodyhead.bhnopictop {padding-bottom: 20px;}}
@media (max-width: 360px) {.bodyarea {width: 88%;} .bodyhead {font-size: 1.5em;}}

.heading, .heading2 {font-weight: 500; line-height: 1.35;} .heading {font-size: 1.4em;} .heading2 {font-size: 1.2em;}

.thislist {margin-left: -15px;} .thislist li:not(.thislist li:last-child) {padding-bottom: 15px;} .thislist span {font-weight: 600;}

/*-----------------------------------------------*/

/*Nav arrows in service page bodyhead*/

.bhsvcs {display: table; width: 100%; margin: auto; padding-top: 15px; line-height: 1.1;}

.bhsvcs div {display: table-cell; vertical-align: middle; width: 35px;} /*arrows*/
.bhsvcs a {display: inline-block; font-size: 70px; line-height: 30px; height: 35px; padding-top: 10px; vertical-align: top; transition: .15s ease-in-out; color: #E41400 !important; text-decoration: none; font-weight: 400}
.bhsvcs a:hover {color: #ff5343 !important;}

.bhsvcs div:first-child {padding-right: 10px;} .bhsvcs div:last-child {padding-left: 10px;}
.bhsvcs div:first-child a:hover {-webkit-transform: translateX(-3px);} .bhsvcs div:last-child a:hover {-webkit-transform: translateX(3px);}

.bhsvcs h1 {font-size: inherit; font-weight: inherit;}

/*-----------------------------------------------*/

/*BOTTOM INFO*/

#btmback {background-color: #222; padding-top: 0 !important}
footer {width: 90%; max-width: 1150px; margin: auto; padding: 40px 0 20px 0;} footer, footer a {color: #FFF;}

.web a {font-style: italic; text-decoration: none;} .web a:hover {text-decoration: underline;}
@media (max-width: 460px) {.web a {display: block;}} @media (max-width: 320px) {.btmco span {display: block;}}

/*bottom menu*/
#btmmenu table {margin: 45px auto 15px auto;} #btmmenu div {text-align: left; font-size: 1.3em; line-height: 1.35em; font-weight: 600;}
#btmmenu table ul {padding: 0; list-style-type: none;} #btmmenu a {text-decoration: none;} #btmmenu a:hover {text-decoration: underline;}
#btmmenu table li {margin: 0 0 15px 0; line-height: 1.5em; text-align: left;} #btmmenu table li:last-child {margin-bottom: 0;}
#btmmenu table td:last-child ul li {margin: 0 0 9px 0;}
@media (max-width: 450px) and (min-width: 401px) {#btmmenu table td:first-child {padding-right: 30px;}}

@media (min-width: 401px) {
#btmmenu table ul {margin: 25px 0 0 0;} #btmmenu table td:first-child {padding-right: 50px;} #btmmenu table td:last-child {padding-left: 10px;}
}
@media (max-width: 400px) {
#btmmenu table td {display: block; padding-right: 0;}
#btmmenu table td:last-child {padding-top: 25px; border-top: 1px solid #767676;} #btmmenu table td:last-child ul {margin-bottom: 0;}
}

/*bottom info*/

#btminfoback .connect img, #btminfoback .connect a {transition: 0.2s;}

#btminfoback hr {border: 0; border-top: 1px solid #555; margin: 30px 0 0 0;}

#btminfoback {width: 100%; text-align: center;}
#btminfo {width: 100%; text-align: center; margin: auto;}
#btminfo td {vertical-align: top; font-size: 16px; line-height: 1.6; padding: 10px 0;} #btminfo a {text-decoration: none;}
.btmhead {font-size: 26px; font-weight: 600;}
.contactus, .hrs, .hrs span, .btmaddr span {text-align: left; display: inline-block;} .contactus div {padding: 3px 0;}
.hrs span:nth-child(3) {font-size: .85em;}

.contactus li, .hrs li {position: relative; float: left; vertical-align: top; margin-top: 3px; margin-right: 7px; width: 20px; height: 20px;}
.btmphicon, .btmtxticon, .btmemailicon, .hrsicon {background: url(images/btmicons.png); display: inline-block; width: 20px; height: 20px;}
.btmphicon {background-position: 0 0px;} .btmtxticon {background-position: 0 -20px;} .btmemailicon {background-position: 0 -40px;} .hrsicon {background-position: 0 -60px;}

#pay {position: relative; margin: 0 auto 7px auto; text-align: center; width: 330px;}
#pay a {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
#pay th {background: url(images/pay.png); background-repeat: no-repeat; display: inline-block; width: 57px; height: 33px; margin: 2px;}

#pay th:nth-child(1) {background-position: 0 0;} #pay th:nth-child(2) {background-position: 0 -33px;}
#pay th:nth-child(3) {background-position: 0 -66px;} #pay th:nth-child(4) {background-position: 0 -99px;}
#pay th:nth-child(5) {background-position: 0 -132px;} #pay th:nth-child(6) {background-position: 0 -165px;}
#pay th:nth-child(7) {background-position: 0 -198px;} #pay th:nth-child(8) {background-position: 0 -231px;}
#pay th:nth-child(9) {background-position: 0 -264px;} #pay th:nth-child(10) {background-position: 0 -297px;}

@media (max-width: 840px) and (min-width: 571px) {#pay {max-width: 270px;} /*.payback, .connectback {height: 170px !important;}*/}
@media (max-width: 720px) and (min-width: 571px) {#pay {max-width: 210px;} /*.payback, .connectback {height: 190px !important;}*/}
@media (max-width: 380px) {#pay {max-width: 270px;}} @media (max-width: 315px) {#pay {max-width: 210px;}}

.connect img {width: 36px; height: 36px;}
.connect a {margin: 0 5px;} .connect a:hover img {-webkit-transform: scale(1.1);}

@media (max-width: 1150px) and (min-width: 571px) {
.contactusback, .hrsback, .payback, .connectback {width: 48%; display: inline-block;}
/*.contactusback, .hrsback {height: 228px;} .payback, .connectback {height: 160px;}
.contactusback {border-right: 1px solid #555; border-bottom: 1px solid #555;} .hrsback {border-bottom: 1px solid #555;}
.payback {border-right: 1px solid #555;}*/
}
/*@media (max-width: 800px) and (min-width: 571px) {.connectback {height: 170px;}}*/
@media (max-width: 570px) {
#btminfoback {padding: 0;} #btminfoback, #btminfo {width: auto;} .connectback {height: auto;}
.contactusback, .hrsback, .payback, .connectback {display: block; margin: 0 auto; padding: 20px 0 !important; /*border-bottom: 1px solid #555;*/}
.btmhead {font-size: 23px;} .connectback {border-bottom: 0; padding-bottom: 0 !important;}
}
@media (max-width: 305px) {.contactusback, .hrsback, .payback, .connectback {padding: 10px 7px !important;}}

.copy {display: block; margin: 0 auto; text-align: center; padding: 15px 0; font-size: 13px; line-height: 1.6; color: #FFF; background-color: #000;}
@media (max-width: 400px) {.btmco span {display: block;}}


/*bottom misc*/

.nolink, #cities a, #cities2 a, #serving a {color: inherit !important; text-decoration: none !important; cursor: text;}
#serving, #serving a {font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.45; color: #898989;}
#serving a {white-space: nowrap;}
#cities {font-size: 15px; line-height: 1.55; margin-bottom: 30px;} #serving {margin-top: 50px;}

#totop {position: fixed; bottom: 25px; right: 25px; display: inline-block; z-index: 9999; opacity: .7; transition: 0.15s;}
#totop img {width: 32px; height: 32px; display: block; -webkit-filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); filter: drop-shadow(0 0 4px rgba(0,0,0,0.55)); cursor: pointer;} /*keep -webkit for old Safari*/
#totop:hover {opacity: 1;}


/*-----------------------------------------------*/

/*SEASONAL BLING*/

/*Top Pic - Bottom Pic*/
#seasheadpic {background-image: url(images/seasonal/summer-toppic.png); background-repeat: no-repeat; background-position: center right; z-index: 1;}

@media (min-width: 2041px),(max-width: 1551px) and (min-width: 1256px) {#seasheadpic {border-radius: 10px; padding: 3px 3px 5px 0; /*background-color: #000;*/ /*background-color: rgba(52, 95, 43, 0.8);*/}}
@media (min-width: 2041px) {#seasheadpic {position: absolute; top: 180px; left: 20px; width: 170px; height: 114px; background-size: 170px 114px;}}
@media (max-width: 2040px) {#seasheadpic {position: fixed; top: 15px; left: 17%; width: 150px; height: 95px; background-size: 150px 95px; z-index: 150;}}
@media (max-width: 1551px) {#seasheadpic {position: absolute; top: 180px; left: 20px; width: 170px; height: 114px; background-size: 170px 114px; z-index: 1;}}
@media (max-width: 1255px) {#seasheadpic {position: fixed; z-index: 200; top: 42px; left: 25%;}}
@media (max-width: 980px) and (min-width: 791px) {#seasheadpic {display: none;}}
@media (max-width: 790px) {#seasheadpic {top: 15px; left: 36%; width: 130px; height: 84px; background-size: 130px 84px;}}
@media (max-width: 690px) {#seasheadpic {top: 38px; left: 47%; width: 110px; height: 64px; background-size: 110px 64px;}}
@media (max-width: 500px) {#seasheadpic {display: none;}}

/*Nav - bottom border*/
.caption {top: 49% !important;}
#seasnavbord {position: absolute; bottom: -40px; width: 100%; height: 42px; background-image: url(images/seasonal/summer-border.png); background-repeat: repeat-x;}
.bgimgback {height: 65vw;}
@media (max-width: 480px) {#seasnavbord {top: auto; z-index: 1;} .nopictop {margin-top: 40px;}}

/*Home Page - Mid-Page*/
#seas2 {margin: auto; width: 141px; height: 146px; background-image: url(images/seasonal/summer-midpage.png); background-repeat: no-repeat; background-size: 141px 146px;}

/*Bottom Area - top border*/
#seasbtmbord {position: absolute; top: -1px; width: 100%; height: 42px; background-image: url(images/seasonal/summer-border.png); background-repeat: repeat-x;}
#btmback {padding-top: 20px; position: relative;} footer {padding-top: 80px !important;}

/*Bottom Area of Page*/
#seas3 {margin: 0 auto; margin: 30px auto 20px auto; width: 168px; height: 156px; background-image: url(images/seasonal/summer-btm.jpg); background-position: top center; background-repeat: no-repeat;}

/*Home Page - first bodyhead*/
#seas1 {display: table; padding: 5px 0 15px 0; margin: auto;} #seas1 div {display: table-cell;}
#seas1 div {width: 58px; height: 58px; background-repeat: no-repeat; background-size: 58px 58px;}
#seas1 div:first-child {background-image: url(images/seasonal/summer-bodyhead-left.png); background-position: center left; padding-right: 10px;}
#seas1 div:last-child {background-image: url(images/seasonal/summer-bodyhead-right.png); background-position: center right; padding-left: 10px;}
@media (max-width: 480px) {#seas1 {padding-top: 15px;}}


/*====================================================*/

/*COLORS*/

body {color: #444; background-color: #FFF;} a, a:visited, a:hover {color: #008299;}
#headtopback, #headtop {background-color: #6B0900;} #headerback, header{background-color: #FFDB60}
.phone-link {color: #ffd52b;} #phone span {color: #FFF;}

.bodyhead {color: #DE1200;} .heading {color: #727C36;} .heading2 {color: #222;}

nav a {color: #FFF !important; background-color: #BA1000;} nav a:hover {color: #FFEA37 !important;}
nav div:nth-child(n+2):nth-child(-n+7) a:not(.selected) {background-color: #EA1500;}
nav a.selected {background-color: #666;} nav a.selected, nav a.selected:hover {color: #FFF !important;}

#btminfo, #btminfoback a, #btm_menu a {color: #FFF;}