html {scroll-behavior: smooth;}
*{margin:0;font-family:sans-serif;transition:all .4s ease-in;}
a{text-decoration:none;}
#loader{
  background:#ffffff;
  height:100%;
  width:100%;
  z-index:3;
  position:absolute;
  transition:all .8s ease-in;
}
#forSale{
  background:#6B0504ee;
  padding:2vw;
  position:fixed;
  bottom:4vh;
  right:4vw;
  z-index:2;
  box-shadow: 1px 1px 1px  rgba(0, 0, 0, 0.5);
  font:700 calc(6px + 1vw) sans-serif;
  color:#fff;
}
#forSale:hover{
  background:#E6AF2E;
  color:#6B0504;
  cursor:pointer;
}
a{text-decoration:none;}
header{
  position:fixed;
  top:0;
  z-index:2;
  height:10vh;
  display:flex;
  background-color:#E6AF2E88;
  width:100%;
  justify-content:center;
}
@media (min-width: 600px) { header{justify-content: space-between;} }
html:not([data-scroll="0"]) header {
  position: fixed;
  top: 0;
  background-color: #fff;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
}
header > img{
  padding:1vh;
}
nav{
  position:absolute;
  width:100%;
  display:none;
  gap:5vw;
  height:10vh;
  align-items:center;
  justify-content:center;
  font:700 14pt sans-serif;
}
#burger{
  align-self:center;
}
@media (min-width: 600px) { 
  nav{display:flex;} 
  #burger{display:none}
}
nav a{
  color:#6B0504;
}
nav a:hover{
  color:#001514;
}
nav > div{
  border-bottom:1pt solid #ffffff00;
}
nav > div:hover{
  border-bottom:1pt solid;
  color:#001514;
  cursor:pointer;
}
#contact-btn{
  background:#6B0504;
  align-self:center;
  padding:16px;
  color:#E6AF2E;
  margin-right:1vw;
  font: 700 14pt sans-serif;
  z-index:1;
  cursor:pointer;
  display:none;
}
@media (min-width: 600px) { #contact-btn{display:block;} }
#contact-btn:hover{
  background:#001514;
}
#mobile-nav:not([hidden]){
  position:fixed;
  z-index:2;
  width:100%;
  display:flex;
  flex-direction:column;
  top:10vh;
  background-color:#ffffffef;
  align-items:center;
}
#mobile-nav div{padding:2vh;}
#mobile-nav a{color:#6B0504}
#hero-text{
  background:#ffffff88;
  position:absolute;
  width:100%;
  height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  font:calc(12pt + 1vw) sans-serif;
  color:#6B0504;
  text-align:center;
  z-index:1;
}
#hero-text img{
  max-width:90%;
  min-width:50vw;
}
#city-header{
  background:#ffffff88;
  color:#6B0504;
  padding:calc(16px + 1vw);
  font:700 calc(8pt + 3vw) sans-serif;
  margin-bottom:3vh;
}
#hero-text .copy{
  padding:0 5vw;
}
#video-splash{
  display:flex;
  height:100vh;
}
#bgvid{
  object-fit: cover;
  width:100%;
}
section{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  gap:3vh;
  justify-content:center;
  align-items:center;
  padding:5vw;
  text-align:center;
  font:calc(12pt + 1vw) sans-serif;
}
#city-tab{
  background-size:cover;
  background-repeat:no-repeat;
}
#city-tab > div{
  padding:3vw;
  background:#ffffffbb;
  font:700 italic calc(8pt + 4vw) sans-serif;
  color:#888
}
#about{
  background:url(pexels-ketut-subiyanto-4350219.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position:center;
  color:#FBFFFE;
  background-color:#000;
}
section h1{
  border-bottom:1pt solid;
  padding:1vw 0;
}
#services{
  background:#001514;
  color:#E6AF2E;
}
#services h1{
  color:#E6AF2E;
}
#locations{
  background:#E6AF2E;
  gap:8px;
}
#locations h1{
  color:#A3320B;
}
#city-pages{
  display:flex;
  flex-wrap:wrap;
  margin-top:1vh;
  justify-content:center;
  gap:8px;
}
#city-pages div{
  border:1pt solid #a33208;
  padding:16px;
  border-radius:4px;
  display:flex;
}
#city-pages div:hover{
  background:#a3320B
}
#city-pages a{
  color:#fbfffe;
  font:700 12pt sans-serif;
}
#city-pages a:hover{
  color:#FBFFFE;
}
.state-header{
  margin-top:2vh;
  font:700 calc(12pt + 1vw) sans-serif;
  color:#6B0504;
}
.state-wrapper{
  font:10pt sans-serif;
  color:#6B0504;
}
footer{
  background:#6B0504;
  color:#FBFFFE;
  padding:8vh 2vw;
  display:flex;
  flex-direction:column;
  gap:8px;
  .header{
    font:700 calc(12pt + 1vw) sans-serif;
    margin-top:2vh;
  }
}