html, body {margin: 0; padding: 0;}

@font-face {font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: block;
  src: local(''), url('fonts/sora-300.woff2') format('woff2'), url('fonts/sora-300.woff') format('woff');
}
@font-face {font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: block;
  src: local(''), url('fonts/sora-400.woff2') format('woff2'), url('fonts/sora-400.woff') format('woff');
}
@font-face {font-family: 'Sora'; font-style: normal; font-weight: 500; font-display: block;
  src: local(''), url('fonts/sora-500.woff2') format('woff2'), url('fonts/sora-500.woff') format('woff');
}
@font-face {font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: block;
  src: local(''), url('fonts/sora-600.woff2') format('woff2'), url('fonts/sora-600.woff') format('woff');
}


@font-face {font-family: 'TTInter'; font-style: normal; font-weight: 400; font-display: block;
  src: local(''), url('fonts/tt-interphases-pro-400cond.woff2') format('woff2'), url('fonts/tt-interphases-pro-400cond.woff') format('woff');
}
@font-face {font-family: 'TTInter'; font-style: normal; font-weight: 500; font-display: block;
  src: local(''), url('fonts/tt-interphases-pro-500cond.woff2') format('woff2'), url('fonts/tt-interphases-pro-500cond.woff') format('woff');
}
@font-face {font-family: 'TTInter'; font-style: normal; font-weight: 600; font-display: block;
  src: local(''), url('fonts/tt-interphases-pro-600cond.woff2') format('woff2'), url('fonts/tt-interphases-pro-600cond.woff') format('woff');
}
@font-face {font-family: 'TTInter'; font-style: normal; font-weight: 700; font-display: block;
  src: local(''), url('fonts/tt-interphases-pro-700cond.woff2') format('woff2'), url('fonts/tt-interphases-pro-700cond.woff') format('woff');
}


body {font-family: 'Sora', Arial, Verdana, Geneva; font-variant-ligatures: none; font-size: 20px;}

#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: .1em; 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*/

/*header {border: 1px solid blue;} #phone {border: 2px solid green}
#logo {border: 1px solid yellow} #logo img {border: 1px solid magenta}*/

#headtopback, #headtop {height: 40px;} #headtop, header {width: 100%; margin: auto; z-index: 1; position: fixed;}
header {display: table; box-shadow: 0 5px 12px -9px #555; text-align: center; box-sizing: border-box; z-index: 1;}
#logo {margin: -27px 0 12px 0; z-index: 3;} #logo img {display: block;}

#phone {font-size: 20px; line-height: 1; padding-top: 1px; text-align: right; white-space: nowrap;}
#phone, #phone a {font-weight: 500;} #phone a {margin-left: 5px;}
#phone span {font-size: .9em; font-weight: 400;}

@media (min-width: 1781px) {#headtop {padding: 0 14%;} header {padding: 0 15%;} .navheader {padding-right: 13%;}}
@media (max-width: 1780px) and (min-width: 1516px) {#headtop {padding: 0 9%;} header {padding: 0 8%;} .navheader {padding-right: 8%;}}
@media (max-width: 1515px) and (min-width: 986px) {#headtop {padding: 0 3.5%;} header {padding: 0 3%;} .navheader {padding-right: 2%;}}
@media (max-width: 985px) {#headtop {padding: 0 1%;} #logo {padding-left: 20px;} #phone {padding-right: 20px;}}

@media (max-width: 985px) and (min-width: 901px) {.navheader {padding-right: 10px;}}
@media (min-width: 461px) {#headerback {height: 115px;} #logo, #logo img {width: 130px; height: 130px;}}
@media (max-width: 460px) {#headerback {height: 95px;} #logo, #logo img {width: 110px; height: 110px;}}

@media (max-width: 350px) {#phone span {display: none;} #phone {padding: 0 10px 2px 0 ;}}


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

/*MENU*/

/*.navheader {outline: 1px solid orange} nav {outline: 1px solid red} nav div {outline: 1px solid cyan}
nav a {outline: 1px solid blue} .ham {outline: 1px solid yellow}*/

.navheader, .navheader * {box-sizing: border-box;}

#navcheck {display: none;}
nav a.selected {cursor: text; pointer-events: none; -webkit-user-select: none; -webkit-touch-callout: none; text-decoration: underline;}
nav a {display: table-cell; text-decoration: none; cursor: pointer; font-weight: 400;}
/*nav div:first-child a {padding-right: 10px;} nav div:last-child a {padding-left: 10px;}*/

@media (min-width: 1331px) {
.navheader {top: 38px;} nav a {padding: 8px 15px;}
nav div::after {top: calc(50% - 20px); height: 40px;}
}
@media (max-width: 1330px) and (min-width: 901px) {
.navheader {top: 28px;} nav a {height: 60px; padding: 5px 10px;} nav span {display: block;}
nav div::after {top: calc(50% - 25px); height: 50px;}
}
@media (min-width: 951px) {nav div {margin: 0 8px;} nav div:not(:last-child)::after {right: -11px;}}
@media (max-width: 950px) and (min-width: 901px) {nav div {margin: 0 4px;} nav div:not(:last-child)::after {right: -7px;}}

@media (min-width: 901px) {
/*lines between nav divs*/
nav div {position: relative;}
nav div:not(:last-child)::after {content: ""; position: absolute; width: 2px; background-color: var(--salmon); border-radius: 50%;}
/*end lines*/
}


@media (min-width: 901px) {
.ham {display: none;} .navheader {position: absolute; right: 0;}
nav {display: inline-block;}
nav div {display: inline-block; vertical-align: middle; text-align: center;}
nav a {display: table-cell; align-content: center; text-align: center; font-size: 18px; line-height: 1.45; transition: .15s;}
}

@media (max-width: 900px) {
.navheader {left: 0; right: 0;}
nav {position: relative; display: grid; text-align: center; transition: .15s; height: 0; font-size: 0; box-sizing: border-box; z-index: -1; background-color: #FFF; visibility: hidden;}
nav div {max-height: 0; display: inline-block; transition: .2s ease-in-out; font-size: 0; line-height: 0; padding: 0;}
nav a {width: 1%; height: 0; display: table-cell; vertical-align: middle; opacity: 0; font-size: 0; padding: 0; line-height: 1.4; -webkit-transition: .15s background, .3s font-size ease-out, .2s opacity ease-out, .3s padding ease-out, .25s height; border-top: 1px solid var(--charcoal); border-left: 1px solid var(--charcoal); background-color: #FFF;}

#navcheck:checked ~ nav {visibility: visible; z-index: 1;}
#navcheck:checked ~ nav div {max-height: 100px;}
#navcheck:checked ~ nav a {height: 75px; font-size: 21px; opacity: 1; padding: 0 0 1px 0;}

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

.ham div {left: 4px; bottom: 15px; transition: transform 0.4s ease-out;}
.ham div, .ham div:before, .ham div:after {position: absolute; display: block; content: ""; height: 3px; width: 38px; opacity: 1; background: var(--charcoal); border-radius: 40%;}
.ham div:before {top: -10px;} .ham div:after {top: 10px;}

#navcheck:checked ~ .ham div {width: 0; transform: rotateX(180deg); transition-timing-function: ease;}
#navcheck:checked ~ .ham div:before {transform: rotateZ(37deg); top: 0;}
#navcheck:checked ~ .ham div:after {transform: rotateZ(-37deg); top: 0;}
}

@media (max-width: 720px) and (min-width: 461px), (max-width: 370px) {nav div:nth-child(4) span {display: block;}}

@media (max-width: 900px) and (min-width: 571px) {nav {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 570px) and (min-width: 461px) {nav {grid-template-columns: repeat(2, 1fr);}}

@media (min-width: 461px) {.ham {top: 38px;}}
@media (max-width: 460px) {.ham {top: 30px;} #navcheck:checked ~ nav a {height: 60px;} nav a {white-space: nowrap;}}
@media (max-width: 370px) {#navcheck:checked ~ nav div:nth-child(4) a {height: 75px;}}


/*colors*/

@media (min-width: 901px) {nav a {color: var(--charcoal) !important;} nav a:hover:not(.selected) {color: var(--salmon) !important;}}
@media (max-width: 900px) {
nav a {background-color: var(--sage); color: #FFF !important;}
nav .selected {background-color: var(--charcoal) !important;}
nav a:hover:not(.selected) {background-color: var(--salmondark);}
}

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

/*BODY AREA*/

.bodyarea {padding: 60px 0; margin: auto; width: 85%; max-width: 1500px; word-spacing: 1px; letter-spacing: -.1px;}
.bodyarea, h2 {line-height: 1.65; font-size: inherit; font-weight: 400;}
.bodyarea p {margin-bottom: 0;}

h1, h2, h3, h4, h5, .bodyhead {margin: 0 0 20px 0;}

.bodyhead {padding-bottom: 10px; font-weight: 500; font-size: 2.2em; line-height: 1.2; text-align: center; word-spacing: 3px;}
.heading, .heading2 {line-height: 1.2; font-weight: 500;}
.heading {font-size: 1.8em; margin: 20px 0; word-spacing: 2px;}
.heading2 {font-size: 1.5em; margin: 25px 0 20px 0; word-spacing: 1.5px;}

@media (max-width: 480px) {.bodyhead {padding-bottom: 0; font-size: 2em;} .bodyarea, h2 {font-size: 19px;}}
@media (max-width: 360px) {.bodyarea {width: 87%;} .bodyarea, h2 {font-size: 18px;}}

/*.divide:not(.divide:first-child) .bodyarea {padding-top: 50px;}
.divide:first-child .bodyarea {padding-bottom: 35px;}*/
.divide:nth-of-type(even) {background-color: var(--sagelite);}
.divide .heading {margin: 0 0 20px 0;}

/*Reg symbol for DFNT in headings*/
sup {position: relative; top: .2em; font-size: 0.6em; line-height: 0; font-weight: 300;}

ul.thislist, ol.thislist {margin-left: -15px;}
ul.thislist li:not(ul.thislist li:last-child), ol.thislist li:not(ol.thislist li:last-child) {padding-bottom: 15px;}

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

/*Big Pic*/

#toppic {position: relative; height: 40vw; max-height: 360px; overflow: hidden; background-color: #555;}
#toppic img {width: 500px; height: 300px; width: 100%; height: 40vw; max-height: 420px; max-width: 1900px; margin: auto; object-fit: cover; display: block;}

@media (max-width: 500px) {#toppic {height: 55vw;} #toppic img {height: 55vw;}}

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

/*DFNT Page*/

/*#whatis .bodyarea {outline: 1px solid red} #whatis div {outline: 1px solid blue} #whatis .whatispics {outline: 1px solid cyan}*/

#whatis {margin: auto; padding: 60px 0; background-color: var(--stonelite);}
#whatis .bodyarea {-webkit-display: grid; display: grid; padding: 0; align-items: stretch;}
#whatis .whatispics {display: grid; gap: 10px; grid-gap: 10px; overflow: hidden /*for old Safari*/;}
#whatis img {display: block; width: 600px; height: 350px; width: 100%; height: 100%; object-fit: cover; border-radius: 20px; /*object-position: 50% 50%;*/}

@media (min-width: 1301px) {
#whatis img:nth-child(1) {top: 0; left: 0; width: 100%; height: calc(60% - 5px);}
#whatis img:nth-child(2) {top: calc(60% + 5px); left: 0; width: calc(50% - 5px); height: calc(40% - 5px);}
#whatis img:nth-child(3) {top: calc(60% + 5px); left: calc(50% + 5px); width: calc(50% - 5px); height: calc(40% - 5px);}
}
@media (min-width: 931px) {
#whatis .whatistext {margin-right: 30px;}
#whatis .whatispics {margin-left: 30px; display: block; position: relative; align-self: stretch; min-height: 0; overflow: hidden;}
#whatis img {display: block; position: absolute; object-fit: cover; border-radius: 20px;}
}
@media (max-width: 1300px) and (min-width: 1151px) {
#whatis img:nth-child(3) {display: none;}
#whatis img:nth-child(1) {top: 0; left: 0; width: 100%; height: calc(52% - 5px);}
#whatis img:nth-child(2) {top: calc(52% + 5px); left: 0; width: 100%; height: calc(48% - 5px);}
}
@media (min-width: 1151px) {#whatis .bodyarea {grid-template-columns: 60% 40%;}}
@media (max-width: 1150px) and (min-width: 931px) {
#whatis .bodyarea {grid-template-columns: 57% 43%;}
#whatis .whatistext {margin-right: 20px;}
#whatis .whatispics {margin-left: 20px;}
#whatis img {display: block; position: absolute; left: 0; width: 100%; object-fit: cover; border-radius: 20px;}
#whatis img:nth-child(1) {top: 0; height: calc((100% - 20px) / 3);}
#whatis img:nth-child(2) {top: calc(((100% - 20px) / 3) + 10px); height: calc((100% - 20px) / 3);}
#whatis img:nth-child(3) {top: calc((((100% - 20px) / 3) * 2) + 20px); height: calc((100% - 20px) / 3);}
}
@media (max-width: 930px) {#whatis .whatistext {grid-row: 2;} #whatis .whatispics {grid-row: 1; margin-bottom: 30px;}}
@media (max-width: 930px) and (min-width: 716px) {
#whatis .whatispics {grid-template-columns: 50% 50%; grid-auto-rows: 220px;}
#whatis img:nth-child(1) {grid-column: 1 / 2; grid-row: 1 / 3;}
#whatis img:nth-child(2) {grid-column: 2 / 3; grid-row: 1 / 2;}
#whatis img:nth-child(3) {grid-column: 2 / 3; grid-row: 2 / 3;}
}
@media (max-width: 715px) {
#whatis img {height: calc(80px + 45vw); max-height: 450px;}
#whatis img:nth-child(2), #whatis img:nth-child(3) {display: none;}
}

/*-----*/

/*.dfnt-benefits {outline: 1px solid red} .dfnt-benefit {outline: 1px solid blue}
.dfnt-ben-icon {outline: 1px solid cyan} .dfnt-ben-text {outline: 1px solid magenta}*/

.dfnt-benefits .bodyarea {text-align: center;}
.dfnt-benefits section {margin: 40px auto 0 auto;}
.dfnt-ben-icon img {display: block; width: 80px; height: 80px;}
.dfnt-ben-text h3 {margin: 0 0 12px; font-family: 'TTInter', Arial, Helvetica, sans-serif; color: var(--salmon); font-size: 24px; line-height: 1.2; font-weight: 700; text-transform: uppercase;}
.dfnt-ben-text p {margin: 0; font-size: .85em;}

@media (min-width: 901px) {.dfnt-benefit div {display: table-cell; vertical-align: top;}}
@media (max-width: 900px) and (min-width: 811px) {.dfnt-ben-icon {float: left;}}

@media (min-width: 811px) {
.dfnt-benefits section {display: grid; grid-template-columns: repeat(2, 1fr); max-width: 1100px;}
.dfnt-benefit {display: table; align-items: start; margin-top: 30px; margin-bottom: 30px;}
.dfnt-benefit:nth-child(even) {margin-left: 30px;} .dfnt-benefit:nth-child(odd) {margin-right: 30px;}
.dfnt-ben-icon {padding: 0 20px 5px 0;}
.dfnt-ben-text {text-align: left;}
}
@media (max-width: 810px) {
.dfnt-benefits section {text-align: center;}
.dfnt-benefit:nth-child(even) {margin: 60px 0;}
.dfnt-ben-icon {display: block; margin: 0 auto 15px auto; justify-self: center;}
}

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

/*Meet Our Team*/

hr {height: 1px; border: none; background-color: #CCC; margin: 50px 0;}

.card {padding: 30px 40px 15px 40px; background-color: var(--stone); border-radius: 20px;}
.card img {width: 300px; height: 300px; width: 100%; max-width: 300px; height: auto; border-radius: 15px; margin: auto; text-align: center; display: block; border: 2px solid #FFF;}
.card div:not(.cardtext) {text-align: center;}
.cardtitle {text-transform: uppercase; font-size: 1.1em; font-weight: 500; color: var(--salmon);}
.cardname {margin-bottom: 15px; font-size: 1.2em; font-weight: 500; color: var(--sage);}
.cardtext {font-size: .9em;}

@media (min-width: 1141px) {
.card-grid {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr;}
.card:nth-child(1) {margin-right: 20px;} .card:nth-child(2) {margin: 0 10px;} .card:nth-child(3) {margin-left: 20px;}
}
@media (max-width: 1270px) and (min-width: 1141px) {.card {padding: 20px 9% 15px 9%;} .cardtext {font-size: 1.4vw;}}
@media (max-width: 1140px) {.card {max-width: 600px; margin: auto;} .card:nth-child(2) {margin: 30px auto;}}
@media (max-width: 440px) {.card {padding: 15px 20px 5px 20px;} .cardtext {font-size: .95em;}}

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

/*Page Pics*/

.pagepic img {border-radius: 15px; width: 500px; height: 300px; width: 100%; height: auto; display: block;}
.picwide {max-width: 500px;} .pictall {max-width: 350px;}
.picleft {float: left; margin: 8px 40px 30px 0;} .picright {float: right; margin: 8px 0 30px 40px;}
@media (max-width: 1050px) and (min-width: 871px) {.picwide {max-width: 430px;}}
@media (max-width: 870px) {
.picleft, .picright {text-align: center; float: none;}
.picleft {margin: 15px auto 40px auto;} .picright {margin: 35px auto 45px auto;}
.pictall {max-width: 400px;}
}

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

/*Find Us*/

#findmap {display: table; margin: 0 auto 35px auto; text-align: center;}
.btn a {background-color: var(--salmondark); display: inline-block; width: 130px; padding: 10px 0; font-size: .9em; line-height: 1.4; font-weight: 400; text-decoration: none; color: #FFF; transition: 0.2s; border-radius: 10px;}
.btn a:hover:not(.selected) {background-color: var(--salmon);} .btn a.selected {cursor: text; background-color: #888;}

@media (min-width: 541px) {.btn {margin: 0 6px;}}
@media (max-width: 540px) {.btn {margin: 0 4px;}}
@media (max-width: 540px) and (min-width: 411px) {.btn a {width: 110px;}}
@media (max-width: 480px) and (min-width: 411px) {.btn a {width: 95px;}}
@media (min-width: 411px) {.btn {display: inline-block;}}
@media (max-width: 410px) {.btn {display: block; margin: 8px auto;}.btn a {width: 180px;}}

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

/*BOTTOM AREA*/

:root {--fbord: 1px solid rgba(255, 255, 255, 0.2);}

.btmareaback {background-color: var(--charcoal);}

/*a {text-decoration: underline; text-decoration-thickness: 1px; text-decoration-style: dotted; text-underline-offset: .1em; cursor: pointer;}
{color: #fff; text-decoration: none; text-decoration-color: rgba(255,255,255,.35); padding-bottom: 2px;*/

footer {display: grid; box-sizing: border-box; max-width: 1200px; padding-bottom: 60px; color: #FFF; border-bottom: var(--fbord);}
footer a {color: #FFF !important; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; text-decoration-color: rgba(255,255,255,.4); }
footer a:not(.phlink):hover { color: var(--salmonlite) !important; text-decoration-color: #77564B;}

.block {font-size: 16px; box-sizing: border-box; justify-items: center;}
.block .btmhead {margin-bottom: 20px; font-size: 30px; font-weight: 500; color: var(--salmon);} /*#E1A599*/

.block1 {line-height: 1.8; font-weight: 300;}
/*License: .block1 span {display: block; margin-top: 20px; font-size: .8em; font-weight: 400; color: #BBB;}
.block1 span p {margin: 0;}*/
.block1 img {display: block; width: 140px; height: 140px; margin: 0 auto 25px auto;}

.block2 {justify-self: center;}
#hrs {background-color: var(--sagedeep); border: var(--fbord); border-radius: 12px;}
.hrs {border-collapse: collapse;}
.hrs td {font-family: 'TTInter', Arial, Helvetica, sans-serif; font-size: 17px; letter-spacing: .5px;}
.hrs table td:last-child {text-align: right; width: 100%;}
.hrs table td:nth-child(2) {padding: 2px;} /*dash*/
.hrs td:not(.hrs table td) {padding: 5px 10px; border-bottom: var(--fbord);}
.hrs .day {border-right: var(--fbord);}
.hrs tr:last-child td {border-bottom: none !important;}
.hrs tr:nth-child(6) td:last-child, .hrs tr:nth-child(7) td:last-child {text-align: center; padding: 8px 10px;}
@media (max-width: 350px) {#hrs span {display: none;} .hrs tr td:first-child:not(.hrs table td) {text-transform: uppercase; padding: 5px 6px;}}

.block2 *, .block3 * {white-space: nowrap;}

footer .btmicons a:not(.phlink) {font-size: 16px;}
footer .btmicons .phlink {font-size: 19px; font-weight: 500;}
.btmicons img {margin: 0 9px 0 0; vertical-align: top; width: 22px; height: 22px;}
.btmicons a:nth-of-type(1) img {margin-top: 1px;}
.btmicons a:nth-of-type(2) img {margin-top: 0;}
.btmicons a:nth-of-type(3) img {margin-top: 4px;}
.btmicons a {font-size: 1.2em;}

.btmicons a:nth-of-type(1), .btmicons a:nth-of-type(2) {display: block;}
.btmicons a:nth-of-type(2) {margin: 5px 0;}

/*address*/
.btmicons a:last-of-type {display: grid; grid-template-columns: auto 1fr; line-height: 1.6;}
.btmicons a:last-of-type img {grid-column: 1;} .btmicons a:last-of-type span {grid-column: 2;}
/*end address*/

.btmsoc {margin-top: 25px;}
.btmsoc img {width: 32px; height: 32px; margin: 0 6px;}
@keyframes shake {20% {-webkit-transform: rotateZ(-8deg);} 80% {-webkit-transform: rotateZ(8deg);}}
.btmsoc img:hover {animation: shake .16s 5;}

@media (min-width: 1121px) {footer {grid-template-columns: 35% 40% 25%; margin: 30px auto 0 auto; }}
@media (max-width: 1120px) {
footer {margin: 15px auto 0 auto;}
.block1 {grid-column: 1 / -1; max-width: 60%; margin: 0 auto 30px auto; text-align: center; line-height: 1.6;}
.block2 {justify-self: flex-start;} .block2 span {border: none;}
}
@media (max-width: 1120px) and (min-width: 991px) {
footer {grid-template-columns: repeat(12, 1fr);}
.block2 {grid-column: 3 / 7;} .block3 {grid-column: 7 / 12; margin-left: auto; margin-right: auto; /*margins needed for old Safari*/}
}
@media (max-width: 990px) and (min-width: 821px) {
footer {grid-template-columns: repeat(14, 1fr);}
.block1 {max-width: 85%;} .block2 {grid-column: 2 / 9;} .block3 {grid-column: 9 / 14;}
}
@media (max-width: 820px) and (min-width: 701px) {
footer {grid-template-columns: repeat(3, 1fr);} .block1 {max-width: 90%;} .block2 {grid-column: 1;} .block3 {grid-column: 3;}
}
@media (min-width: 701px) {.btmareaback {padding: 35px 50px;}}
@media (max-width: 700px) {
footer {grid-template-columns: 1fr;} .btmareaback {padding: 35px 30px;}
.block1 {max-width: 90%;} .block2, .block3 {margin: auto;} .block3 {text-align: center;} .block2 {margin-bottom: 50px;}
.btmicons {display: table /*needed for old Safari*/; text-align: left; justify-self: center; margin: auto;}
}


#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;}

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

/*Bottom Info*/

.btminfo {font-size: 14px; line-height: 1.5; padding: 0 25px 35px 25px; text-align: center; background-color: var(--charcoal);}
.btminfo, .btminfo a {color: #FFF;} .copy {font-size: 1.15em; line-height: 1.4;}

.web {margin-top: 20px; font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #DDD;}
.web a {text-decoration: none; color: inherit; white-space: nowrap;} .web a:hover span {color: #F65246;}
.web img {vertical-align: top; margin: 1px 0 0 0; width: 23px; height: 15px;}

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

/*COLORS*/

:root {--sage: #707D6F; --sagelite: #dee1db; --sagedark: #586557; --sagedeep: #434b43; --salmon: #D38064; --salmondark: #BC6F5C; --salmonlite: #E1A599; --charcoal: #302F2F; --stone: #e6e4e1; --stonelite: #f7f6f5;}

header {background-color: var(--stone);} #headtop {background-color: var(--sage);}
body {background-color: var(--stonelite); color: #333;} #phone, #phone a {color: #FFF;}
.bodyhead {color: var(--salmon);} .heading {color: var(--sage);} .heading2 {color: #666;}