/* **Start of site wide** */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  font-family: 'palatino linotype', serif;
}

html {
  height: 100%;
	width: 100%;
}

body {
	height: 100%;
	width: 100%;
	color: #000;
}

*:focus {
  outline:0;
}

a {
  color: #000;
}

a:hover {
}

.homewrapper {
  display: grid;
  grid-template-areas:
    "nav nav nav"
    "hero hero hero"
    "content content content"
    "footer footer footer";
  height: 100vh;
  grid-template-columns: auto auto auto;
  grid-template-rows: 150px 1fr 1fr auto;
  grid-gap: 0;
}

/* **End of site wide** */

/* **Start of header** */

#banner {
  display: none;
}

.headerlogo2 img {
  display: flex;
  max-width: 500px;
  width: 400px;

  margin-left: 20px;
}

.navbar div .linklocation {
  margin-right: 25px;
}

.navbar div .linkhome {
  margin-left: 35px;
}

/* **End of header** */

/* **Start of nav** */
.navbar {
  grid-area: nav;
  background-position: center;
  background-image: url(/img/bg4.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  display: flex;
  color: #000;
  align-items: center;
  justify-content: space-around;
  font-size: 24px;
  letter-spacing: 7px;
  animation-duration: .5s;
  animation-fill-mode: both;
}

.navbar ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  color: #000;
  list-style-type: none;
  align-items: center;
  margin: 0;
}

.navbar ul li {
  padding: 6px 0;
  text-decoration: none;
  color: #000;
  font-size: 20px;
  font-family: 'palatino linotype', serif;
  letter-spacing: 5px;
}
.nav2 {
  display: none;
}

.nav2 nav {
  display: none;
}

.linkhome a.linkhome, .linkappointment a.linkappointment, .linkforms a.linkforms, .linklocation a.linklocation , .linkabout a.linkabout {
  padding: 6px 0;
  text-decoration: none;
  color: #A15025;
  border-bottom: 1px solid #A15025;
  font-size: 24px;
  font-family: 'palatino linotype', serif;
  letter-spacing: 7px;
  width: 100%;
}

.navbar a:hover {
  color: #A15025;
}

/* **End of nav** */

/* **Start of hero** */

.hero img{
  width: 100%;
  height: 100%;
}
/* **End of hero** */

/* **Start of main** */
main {
	grid-area: content;
  width: 100%;
  height: 100%;
	display: flex;
	flex-direction: column;
  align-items: center;
  align-content: center;
  justify-content: center;
  background-image: url(/img/bg2.jpg);
  background-repeat: repeat-y;
  background-size: 100% auto;
  animation-duration: .5s;
  animation-fill-mode: both;
}

.mainwrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.button {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  border-radius: 35px;
  background-image: linear-gradient(#FAF6F2, #FAF5F0, #FAF5F0, #FAF5F0);
  font-family: 'palatino linotype', serif;
  color: black;
  padding: 7px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  cursor: pointer;
  letter-spacing: 3px;
  border-top: solid 2px white;
  border-left: 0;
  border-right: 0;
  transition: all .1s ease-in-out;
  background-size: 300% 100%;
  box-shadow: 0px .5px 1px #000;
  margin: 25px;
  transition: all 1s ease-in-out;
}

.button1 {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  transition: all 1s ease-in-out;
}

.button2 {
  transition: all 1s ease-in-out;
}


.button:hover {
  border-radius: 35px;
  color: #7D695F;
  box-shadow: 0px 2px 3px #7F7F7F;
  background-position: 100% 0;
  transition: all .1s ease-in-out;
  border-top: solid 2px white;
  border-left: 0;
  border-right: 0;
  background-image: linear-gradient(#FAF5F0, #FAF5F0, #FAF5F0);
}

.sectionwrappertop {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 50px 25px 25px;
  background-image: url(/img/backg_right.svg);
  background-position: center;
  background-size: 75% 75%;
  background-repeat: no-repeat;
  border-bottom: solid 1px black;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.sectionwrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 25px 25px;
  background-image: url(/img/backg_right.svg);
  background-position: center;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  border-bottom: solid 1px black;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.review {
  width: 100%;
  max-width: 125px;
  height: auto;
}

.review img {
  width: 100%;
  max-width: 125px;
  height: auto;
  box-shadow: 0 1px 2px grey;
  border-radius: 50%;
  margin: 25px 0 10px;
}

.sectionwrapperwhite{
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 25px 25px;
  background-image: url(/img/backg_right.svg);
  background-position: bottom;
  background-size: 40% 40%;
  background-repeat: repeat-y;
  border-bottom: solid 1px black;
}

.sectionwrapperbottom {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 25px 25px 50px;
  background-image: url(/img/backg_right.svg);
  background-position: center;
  background-size: 75% 75%;
  background-repeat: no-repeat;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #A15025;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  border: solid 1px white;
  font-weight: bold;
}

#myBtn:hover {
  background-color: white;
  color: #A15025;
  border: solid 1px #A15025;
}

.script {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  font-family: 'palatino linotype', serif;
  padding: 50px 25px;
}

.script p {
  font-size: 45px;
  color: #A15025;
}

h1 {
  font-size: 30px;
  color: #A15025;
  font-weight: normal;
  margin: 25px 0;
}

.script1 {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  font-family: 'palatino linotype', serif;
}

.script1 p {
  color: #A15025;
  font-size: 50px;
}

.homecontent23 {
  width: 100%;
  max-width: 1000px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}

.homecontent23 p {
  font-size: 35px;
  text-align: center;
  line-height: 40px;
  margin: 10px 0;
}
/* **End of main** */

/* **Start of location** */
.googlemaparea {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: space-around;
  align-items: center;
}

.googlemaparea2 {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: space-around;
  align-items: center;
}

.googlemaptext {
  padding: 50px 0 100px;
}

.googlemaptext p {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  font-family: 'palatino linotype', serif;
}

.locationrighttext {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding-bottom: 60px;
}

.locationrighttext p {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  font-family: 'palatino linotype', serif;
}

.bignumber p {
  display: flex;
  width: 100%;
  font-size: 40px;
  letter-spacing: 10px;
  font-weight: bold;
  font-family: 'palatino linotype', serif;
  transition: all 1s ease-in-out;
}
/* **End of location** */

/* **Start of Forms** */

.columnrightarea {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  margin-right: 50px;
}

.columnrightarea p {
  display: flex;
  width: 100%;
  height: auto;
  text-align: left;
  font-size: 25px;
  line-height: 50px;
}

.columnleftarea {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  margin: 0 35px 100px;
  justify-content: center;
  align-items: center;
}

.smallheader {
  font-weight: bold;
  color: #A15025;
}

.smallheader2 {
  margin: 15px 0 0;
  border-bottom: solid 1px #A15025;
}

.bignumber {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transition: all 1s ease-in-out;
}

.fas {
  color: grey;
  margin-right: 15px;
}

.far {
  color: grey;
  margin-right: 15px;
}

.bignumbermobile {
  display: none;
}

.bignumbermobile p {
  display: none;
}

.smallheader2 h1{
  font-weight: normal;
  color: #A15025;
  font-style: normal;
  font-size: 28px;
  border-bottom: solid 1px #A15025;
}

.columnleftarea p {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  text-align: left;
  font-size: 25px;
  line-height: 50px;
}

.columnleftarea2 {
  display: flex;
  flex-direction: column;
  height: auto;
  width: 100%;
  align-items: center;
  padding: 0 25px;
}

.columnleftarea2 p {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  text-align: center;
  font-size: 30px;
  line-height: 50px;
  max-width: 900px;
  width: 100%;
  font-family: 'palatino linotype', serif;
  margin: 25px 0;
}

.testimony {
  display: flex;
  flex-direction: row;
}

.header6 {
  display: flex;
  width: 100%;
  text-align: left;
  justify-content: center;
}

.header6 p{
  font-size: 28px;
  padding: 0;
  font-family: 'palatino linotype', serif;
  text-align: center;
  margin: 100px 0 0;
}

.leftfields {
  display: flex;
  width: 100%;
}

.columnleftarea2 form {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  text-align: left;
  background-image: url(/img/backg_right.svg);
  background-position: center;
  background-size: 75% 75%;
  background-repeat: no-repeat;
  padding: 0;
}

.columnleftarea2 label {
  font-size: 20px;
  font-family: 'palatino linotype', serif;
  padding: 25px 0 12px;
  display: flex;
  max-width: 500px;
  width: 100%;
}

.slideheader6 {
  font-size: 16px;
  padding-top: 5px;
  padding-bottom: 20px;
  letter-spacing: 1px;
  font-size: 16px;
  color: black;
}

.slideheader6 p {
  font-size: 16px;
  color: black;
  letter-spacing: 1px;
}

.columnleftarea2 input {
  height: 35px;
  width: 100%;
  max-width: 500px;
  border: solid 1px grey;
  font-size: 25px;
  padding-left: 10px;
}

input[type="text"] {
  font-size:25px;
  padding-left: 10px;
}

.columnleftarea2 textarea {
  display: flex;
  max-width: 500px;
  height: 200px;
  width: 100%;
  margin: 0 0 25px;
  border: solid 1px grey;
  font-size: 25px;
  padding-left: 10px;
}

.fieldbuttons {
  display: flex;
  flex-direction: row;
  height: auto;
  cursor: pointer;
  justify-content: center;
  text-align: center;
}

.fieldbuttons2 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: auto;
  cursor: pointer;
  justify-content: center;
  text-align: center;
}

input #sumbit {
  padding-left: 0;
}

.formslist {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
  margin: 35px 0 35px 35px;
  background-image: url(/img/backg_right.svg);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.formslist p {
  text-align: left;
}

.fieldbuttons2 input {
  display: flex;
  flex-direction: row;
  width: 100px;
  height: 35px;
  justify-content: center;
  border: 0;
  background-color: #F5F1E7;
  font-size: 20px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0,.75);
  cursor: pointer;
  margin-top: 25px;
  font-family: 'palatino linotype', serif;
  margin: 0 25px 25px;
  border-radius: 35px;
  letter-spacing: 2px;
  text-align: center;
  padding-left: 0;
}

#sumbit {
  display: flex;
  flex-direction: row;
  width: 100px;
  height: 35px;
  justify-content: center;
  border: 0;
  background-color: #F5F1E7;
  font-size: 20px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0,.75);
  cursor: pointer;
  margin-top: 25px;
  font-family: 'palatino linotype', serif;
  margin: 0 0 100px;
  border-radius: 35px;
  letter-spacing: 2px;
}

.fieldbuttons2 input:hover {
  color: #A15025;
  border: 1px solid #A15025;
  box-shadow: 0 0px 0px;
}

#sumbit:hover {
  color: #A15025;
  border: 1px solid #A15025;
  box-shadow: 0 0px 0px;
}

button:focus {
  outline:0;
}

.button:focus {
  outline:0;
}

.button1:focus {
  outline:0;
}

.button2:focus {
  outline:0;
}

.leftalign {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  align-items: center;
}

.leftalign p {
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: center;
  text-align: left;
  font-size: 24px;
  line-height: 50px;
  font-family: 'palatino linotype', serif;
  margin: 0;
}

.carecreditbtn {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  align-items: center;
  padding: 50px 0 100px;
}

.carecreditbtn img {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 2px grey;
}

.formsdownload {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-bottom: 15px;
}

.formsdownload p {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 30px;
  font-family: 'palatino linotype', serif;
  text-align: center;
}

.columnrightforms2 {
  display: flex;
  flex-direction: column;
  height: auto;
}

.stars {
  display: flex;
  margin: 20px 0;
}

.checked {
  color: orange;
}

.italic {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  /* border: solid 1px black; */
  border-radius: 10px;
  max-width: 500px;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: 0 1px 2px grey;
  margin: 25px 20px 25px;
  width: 100%;
}

.italic p {
  font-size: 18px;
  line-height: 25px;
  max-width: 400px;
  font-style: italic;
  text-align: left;
  margin: 25px 35px;
}

.italic2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  background-color: white;
  /* border: solid 1px black; */
  border-radius: 10px;
  max-width: 500px;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
  box-shadow: 0 1px 2px grey;
  margin: 25px 20px 25px;
  width: 100%;
}

.italic2 p {
  font-size: 18px;
  line-height: 25px;
  max-width: 400px;
  font-style: normal;
  text-align: left;
  margin: 25px 30px;
}

.jumplinks {
  display: flex;
  flex-direction: row;
  font-size: 18px;
  letter-spacing: 5px;
  margin: 50px 0;
}


.homeimages {
  grid-area: hero;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin: 50px 0 25px;
}

.homeimages img {
  width: 100%;
  max-width: 975px;
  height: auto;
  box-shadow: 0 1px 2px grey;
}

.columnrightforms45 {
  grid-area: hero;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  background-position: center;
  background-image: url(/img/bg6.jpg);
  background-repeat: repeat-x;
  border: solid 1px black;
}

.columnrightforms23 {
  grid-area: hero;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background-position: center;
  background-image: url(/img/bg6.jpg);
  background-repeat: repeat-x;
  border: solid 1px black;
  border-right: 0;
  border-left: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 1s; /* Firefox < 16 */
  -ms-animation: fadein 1s; /* Internet Explorer */
  -o-animation: fadein 1s; /* Opera < 12.1 */
  animation: fadein 1s;
  height: 100%;
  max-height: 275px;
}

.slidecontainer {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  animation-duration: 1s;
  animation-fill-mode: both;
  width: 100%;
  max-width: 600px;
  height: auto;
  -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 5s; /* Firefox < 16 */
  -ms-animation: fadein 5s; /* Internet Explorer */
  -o-animation: fadein 5s; /* Opera < 12.1 */
  animation: fadein 5s;
}

.slidecontainer img{
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
   -moz-animation: fadein 2s; /* Firefox < 16 */
  -ms-animation: fadein 2s; /* Internet Explorer */
  -o-animation: fadein 2s; /* Opera < 12.1 */
  animation: fadein 2s;
}

.columnrightforms23 img {
  width: 100%;
  max-width: 600px;
  height: auto;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.heroslide2 {
  grid-area: hero;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: auto;
  background-position: center;
  background-repeat: repeat-x;
  border-right: 0;
  border-left: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
}

.heroslide2 img {
  width: 100%;
  max-width: 600px;
  height: auto;
  animation-fill-mode: both;
  animation-name: stretch;
  animation-duration: 5s;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}

@-webkit-keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: 0}
  to {opacity: 1}
}

/***** Start of slideshow test js *****/

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: none;
  transition: background-color 1s ease;
}

/***** End of slideshow test js *****/

.active {
  background-color: #717171;
}


@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.fadeIn {
   animation-name: fadeIn;
}

.columnrightforms6 img {
  width: 100%;
  max-width: 600px;
  height: auto;
}

.columnrightforms45 img {
  width: 100%;
  max-width: 600px;
  height: auto;
}


.columnrightforms2 img {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-width: 750px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0,.75);
}
/* **End of Forms** */

/* **Start of about** */
.columnleftabout {
  display: flex;
  flex-direction: column;
  margin: 0 35px;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
}

.abouttext {
  display: flex;
  width: 100%;
  max-width: 700px;
}

.abouttext p {
  display: flex;
  width: 100%;
  max-width: 700px;
  font-size: 28px;
  font-family: 'palatino linotype', serif;
  text-align: center;
  line-height: 55px;
  padding-bottom: 50px;
}

.columnrightabout {
  display: flex;
  flex-direction: column;
  margin: 0 0 100px;
}

.columnrightabout img {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  max-width: 800px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0,.75);
}

/* **End of about** */

/* **Start of home** */
.homecontentwrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  max-width: 825px;
  color: #000;
  font-size: 35px;
  text-align: center;
  line-height: 60px;
  font-family: 'palatino linotype', serif;
  background-image: url(/img/backg_right.svg);
  background-repeat: no-repeat;
  background-size: 60% 60%;
  background-attachment: fixed;
  background-position: center;
}

.homecontentwrapper p {
  margin-bottom: 0;
}

.backgleft {
  display: flex;
  align-items: center;
  width: 350px;
  height: 100%;
}

.backgleft img {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
}

.backgright {
  display: flex;
  align-items: center;
  width: 350px;
  height: 100%;
}

.backgright img {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 500px;
  height: 100%;
}

.homesinglebtn2 {
  display: flex;
  width: 100%;
  height: auto;
  justify-content: center;
  align-items: center;
  padding: 100px 0 25px 0;
}

.homesinglebtn2 img {
  display: flex;
  width: 100%;
  max-width: 375px;
  height: auto;
  justify-content: center;
  align-items: center;
}

.homesinglebtn {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 35px 0;
}


.homesinglebtn p {
  font-size: 26px;
  line-height: 50px;
}

.homesinglebtn23 img {
  width: 100%;
  max-width: 400px;
}

/* **Start of footer** */
footer {
	grid-area: footer;
  background-image: url(/img/bg1.jpg);
  background-repeat: no-repeat;
  background-size: 100% 100%;
	width: 100%;
	height: 135px;
	display: flex;
	align-items: center;
  border-top: solid 1px black;
}

.footerwrapper {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #000;
  font-family: 'palatino linotype', serif;
  padding: 0 100px;
}

.headlines {
	height: auto;
	display: flex;
  flex-direction: column;
	justify-content: flex-start;
	color: #000;
}

.headlines p {
  margin: 0;
}

.footmid {
	display: flex;
  flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #000;
  font-size: 20px;
  margin: 0 auto;
}

.footmid a {
	display: flex;
  flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #000;
  font-size: 20px;
  list-style-type: none;
  text-decoration: none;
}

.bold20px{
  font-size: 20px;
  color: #000;
  font-weight: bold;
  letter-spacing: 5px;
  list-style-type: none;
  text-decoration: none;
}

.footermidbold {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  letter-spacing: 5px;
  list-style-type: none;
  text-decoration: none;
}

a[href*="tel:"] {
}

.footermap {
  display: flex;
  justify-content: flex-end;
  width: 225px;
  height: auto;
  max-width: 100%;
}

.footermap img {
  width: 100%;
  height: auto;
  max-width: 75px;
}
/* **End of footer** */

.googlemap {
  max-width: 1000px;
  width: 100%;
  border: 0;
  margin: 25px 0;
  border: solid 1px black;
  animation-duration: 5s;
  animation-fill-mode: both;
  transition: all 2s ease-in-out;
}

.request img {
  width: 100%;
  max-width: 400px;
  height: auto;
}

/*new nav test*/


/*
 * ***************START OF MEDIA Qs ********************************************************************************************************************************************************************
 */

 /* **Start of media Q 1735px** */
@media screen and (max-width: 1735px) {

  .googlemaparea {
    margin: 0 50px;
  }

  .googlemaparea2 {
    margin: 0 50px;
  }

  .googlemaptext p {
    line-height: 25px;
    font-size: 20px;
  }

  .locationrighttext p {
    line-height: 30px;
    font-size: 20px;
  }

  .bignumber p {
    font-size: 30px;
  }

  .backgright {
    max-width: 300px;
  }

  .backgleft {
    max-width: 300px;
  }

  .homecontentwrapper {
    font-size: 26px;
  }

}
 /* **End of media Q 1735px** */

 /* **Start of media Q 1375px** */
@media screen and (max-width: 1375px) {
  .navbar div .linkhome{
    margin-left: 0;
  }

  .navbar div .linklocation {
    margin-right: 5px;
  }


  .columnrightarea {
    margin-left: 50px;
  }

  .link {
    font-size: 16px;
    padding: 15px 0;
  }

  .linkactive {
    font-size: 16px;
  }

  .linkhome a.linkhome, .linkappointment a.linkappointment, .linkforms a.linkforms, .linklocation a.linklocation , .linkabout a.linkabout {
    font-size: 18px;
  }

  .navbar {
    font-size: 18px;
  }

  .headerlogo2 img {
    max-width: 300px;
    height: auto;
  }

  .homewrapper {
    grid-template-rows: 100px auto 1fr auto;
  }
}

 /* **End of media Q 1375px** */

 /* **Start of media Q 1240px** */
@media screen and (max-width: 1240px) {

}

 /* **Start of media Q 1180px** */
@media screen and (max-width: 1180px) {

  .headerlogo2 img {
    margin-right: 0;
  }

  .link {
    padding: 25px 0;
  }

  .homecontentwrapper {
    font-size: 24px;
  }

  .footmid a {
    font-size: 16px;
  }

  .headlines p {
    font-size: 14px;
  }

  .footermap {
    width: 200px;
  }

  footer {
    height: 110px;
  }

}

 /* **End of media Q 1180px** */

 /* **Start of media Q 1100px** */
@media screen and (max-width: 1100px) {
  .navbar {
    font-size: 16px;
  }
  .linkhome a.linkhome, .linkappointment a.linkappointment, .linkforms a.linkforms, .linklocation a.linklocation, .linkabout a.linkabout {
    font-size: 16px;
  }

}
 /* **End of media Q 1100px** */

 /* **Start of media Q 1068px** */
@media screen and (max-width: 1068px) {

  .navbar div .linkhome {
    margin-left: 0;
  }

  .headerlogo2 img {
    margin-right: 0;
  }

  .backgright img {
    max-width: 400px;
    width: auto;
    height: auto;
  }

  .backgleft img {
    max-width: 400px;
    width: auto;
    height: auto;
  }

  .backgright {
    justify-content: center;
  }

  .backgleft {
    justify-content: center;
  }

  .footerwrapper {
    padding: 0 35px;
  }

  .homecontentwrapper {
    font-size: 22px;
  }
}
 /* **End of media Q 1068px** */

 /* **Start of media Q 1000px . hamburger** */
@media screen and (max-width: 1000px) {

  #banner {
    grid-area: nav;
    background-position: center;
    background-image: url(/img/bg4.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #000;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }

  .headerlogo2 {
    display: none;
  }

  .headerlogo2 img {
    display: none;
}

  .headerlogo {
    display: flex;
    justify-content: flex-start;
    padding: 20px 0;
    padding-left: 65px;
  }

  .headerlogo img {
    display: flex;
    max-width: 300px;
    min-width: 250px;
    width: 100%;
    height: auto;
}

  .bannerspace {
  }

  .googlemaparea {
    margin: 0 50px;
  }

  .googlemaparea2 {
    display: none;
  }

  .header6 p {
    text-align: center;
  }

  .columnleftarea2 p {
    text-align: center;
  }

  .backgright img {
    display: none;
    width: 0;
  }

  .backgright {
    display: none;
    width: 0;
  }

  .backgleft img {
    display: none;
    width: 0;
  }

  .backgleft {
    display: none;
    width: 0;
  }

  .columnrightarea {
    display: none;
  }

  .homecontentwrapper {
    font-size: 22px;
    padding: 0 50px;
  }

  .columnleftarea {
    align-items: center;
  }

  .columnleftarea p {
    text-align: center;
  }

  .carecreditbtn {
    justify-content: center;
  }

  .nav2 {
    display: flex;
    height: auto;
  }

  .nav2 nav {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: auto;
    width: 100%;
  }

  div.nav2 {
    width: 30px;
}

.nav2 {
    display: block;
}

  .navbar {
    display: none;
  }

  .nav2 nav ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 0;
  }

  .nav2 a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s ease;
  }

  #menuToggle {
    display: block;
    position: absolute;
    z-index: 1;
    user-select: none;
    padding-right: 30px;
  }

  #menuToggle input {
    display: block;
    width: 30px;
    height: 24px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0; /* hide this */
    z-index: 2; /* and place it over the hamburger */
  }

  #menuToggle span {
    display: block;
    width: 30px;
    height: 3px;
    margin-bottom: 5px;
    position: relative;
    background: #A15025;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 4px 0px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
    opacity 0.55s ease;
  }

  #menuToggle span:first-child {
    transform-origin: 0% 0%;
  }

  #menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
  }

  #menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: #232323;
  }

  #menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
  }

  #menuToggle input:checked ~ span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
  }

  #menu {
    position: absolute;
    width: 100vw;
    height: 100vh;
    margin: -65px 0 0 0;
    right: 1px;
    background-color: #EAE6DD;
    list-style-type: none;
    transform-origin: 0% 0%;
    transform: translate(0, -150%);
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
    font-family: 'palatino linotype', serif;
  }

  #menu li {
    padding: 20px 0;
    font-size: 35px;
    color: #A15025;
  }

  #menuToggle input:checked ~ ul {
    transform: scale(1.0, 1.0);
    opacity: 1;
  }
}
 /* **End of media Q 1000px** */

 /* **Start of media Q 922px** */
 @media screen and (max-width: 922px) {
   .headlines {
     display: none;
   }

   .footmid {
     align-items: flex-start;
     margin: 0;
     line-height: 20px;
   }

   .footmid a {
     flex-direction: row;
   }

   .footerwrapper {
     justify-content: space-between;
   }

   .footermap{
     width: 190px;
   }
   .columnrightabout img {
     max-width: 800px;
   }

   .jumplinks {
     flex-direction: column;
   }
 }
 /* **End of media Q 922px** */

/* **Start of media Q 768px** */
@media screen and (max-width: 768px) {

  /* **Start footer phone number active** */
  a[href*="tel:"] {
  }
  /* **End footer phone number active** */
  .script p {
    font-size: 40px;
  }

  .script1 p {
    font-size: 42px;
    color: #A15025;
  }
  .homecontent23 p {
    font-size: 20px;
  }
  .bignumber p {
    font-size: 30px;
  }
}
/* **End of media Q 768px** */

/* **Start of media Q 708px** */
@media screen and (max-width: 708px) {
  .pwidth {
    max-width: 400px;
    font-size: 12px;
  }

  .homecontentwrapper {
    font-size: 18px;
  }

  .footmid a {
    font-size: 10px;
  }

  .footermidbold {
    letter-spacing: 3px;
  }

  .footermap {
    width: 165px;
  }

  .abouttext p {
    font-size: 20px;
  }

  .homecontent23 p {
    padding: 0;
  }

  .testimony {
    flex-direction: column;
    margin-left: 0;
    margin-right: 0;
  }

  .italic {
    margin-left: 0;
    margin-right: 0;
  }

  .italic2 {
    margin-left: 0;
    margin-right: 0;
  }
}
/* **End of media Q 708px** */

/* **Start of media Q 700px** */

@media screen and (max-width: 550px) {
  .columnleftarea2 p {
  font-size: 20px;
  line-height: 30px;
  }

  .bignumber p {
    font-size: 30px;
  }

  .homecontent23 p {
    font-size: 20px;
  }
  .script p {
    font-size: 35px;
  }

  .footermap {
    display: none;
  }

  .footmid {
    align-items: center;
  }

  .footmid a {
    font-size: 14px;
  }

  .footerwrapper {
    justify-content: center;
  }

  .bignumber p {
    font-size: 30px;
  }
}

@media screen and (max-width: 480px) {

  h1 {
    font-size: 24px;
  }

  .bignumber {
    display: none;
  }

  .bignumber p {
    display: none;
  }

  .bignumbermobile {
    border-radius: 35px;
    background-image: linear-gradient(#FAF6F2, #FAF5F0, #FAF5F0, #FAF5F0);
    font-family: 'palatino linotype', serif;
    color: black;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
    cursor: pointer;
    letter-spacing: 3px;
    border-top: solid 2px white;
    border-left: 0;
    border-right: 0;
    transition: all .1s ease-in-out;
    background-size: 300% 100%;
    box-shadow: 0px .5px 1px #000;
    margin: 25px;
    transition: all 1s ease-in-out;
  }


  .bignumbermobile:hover {
    border-radius: 35px;
    color: #7D695F;
    box-shadow: 0px 2px 3px #7F7F7F;
    background-position: 100% 0;
    transition: all .1s ease-in-out;
    border-top: solid 2px white;
    border-left: 0;
    border-right: 0;
    background-image: linear-gradient(#FAF5F0, #FAF5F0, #FAF5F0);
  }

  .googlemap {
    max-height: 500px;
  }
  .columnleftarea2 label {
    font-size: 14px;
  }

  .homecontent23 p {
    padding: 0;
    font-size: 16px;
    line-height: 25px;
  }

  .bignumbermobile p {
    font-size: 30px;
  }

  #menuToggle span {
    width: 25px;
    height: 1.5px;
  }

  .button{
    letter-spacing: 3px;
    font-size: 16px;
  }

  .headerlogo img {
    max-width: 265px;
  }

  .script p {
    font-size: 28px;
  }

  .script1 p {
    font-size: 35px;
  }

  .script {
    padding: 50px 20px;
  }
}


/* **Start of media Q 400px** */
@media screen and (max-width: 400px) {
  .button{
    font-size: 16px;
  }

  .headerlogo img{
    max-width: 250px;
  }

  .homecontent23 p {
    font-size: 14px;
  }

  .bignumbermobile p {
    font-size: 22px;
  }

  #menuToggle {
    padding-right: 20px;
  }

  .script p {
    font-size: 20px;
  }

  .script1 p {
    font-size: 32px;
  }
}

@media screen and (max-width: 375px) {
  .headerlogo {
    padding-left: 40px;
  }

  .script p {
    font-size: 25px;
  }

  .script p {
    font-size: 20px;
  }

  .script1 p {
    font-size: 30px;
  }

}
/*
 * ***************END OF MEDIA Qs ********************************************************************************************************************************************************************
 */
 /* Keep logo and navigation visible while scrolling */
.navbar {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 1000;
}
