/* Shared
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.button {
  border-radius: 100px;
}






/* NavHead
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.navhead {
  background-color: rgba(220,219,219,1);
  background-size: cover;
  /* color: #000000; */
  text-align: left;
  border-bottom: 5px solid #ddd;
  margin-bottom: 0rem;
  margin-top: 0rem;
  
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

.navhead-text {
  color: #000000;
}



/* NavHead - Main
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.navhead-main {
  background-color: rgba(255,255,255,1);
  background-size: cover;
  /* color: #000000; */
  text-align: center;
  margin-bottom: 0rem;
  margin-top: 3rem;
  
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}

.navhead-main-text {
  color: #000000;
}




/* Head
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.head-main {
  background-image: url('https://www.wearewhereabouts.com/images/background-main.jfif');
  background-color: rgba(255, 255, 255, .8);
  background-size: cover;
  background-repeat: repeat;
  background-blend-mode: color;
  color: #000000;
  text-align: left;
}

.head-ca {
  background-image: url('https://www.wearewhereabouts.com/images/background-ca.jpg');
  background-color: rgba(255, 255, 255, .8);
  background-size: cover;
  background-repeat: repeat;
  background-blend-mode: color;
  color: #000000;
  text-align: left;
}

.head-tx {
  background-image: url('https://www.wearewhereabouts.com/images/background-tx.jfif');
  background-color: rgba(255, 255, 255, .8);
  background-size: cover;
  background-repeat: repeat;
  background-blend-mode: color;
  color: #000000;
  text-align: left;
}

.head .section-heading { 
  text-align: left;
  color: #000000;
}



/* Contents-Head
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.contents-head {
  background-image: url('https://www.csvftp.com/images/img-articlehead.jpg');
  background-color: rgba(0, 0, 0, .4);
  background-size: cover;
  background-repeat: repeat;
  background-blend-mode: color;
  color: #fff;
  text-align: right;
}
.contents-head .section-heading { 
  text-align: right;
  color: #fff;
}




/* Topbar
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.topbar {
  background-color: rgba(255, 255, 255);
  background-size: cover;
  color: #fff;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}



/* Articlecontent
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.articlecontent {
  background-color: rgba(255, 255, 255);
  background-size: cover;
  color: #000000;
  padding-top: 1rem;
}
.articlecontent-text {
  color: #000000;
  font-weight: 400;
}



/* Articlecontent-source
末末末末末末末末末末末末末末末末末末末末末末末末末 */

.articlecontent-source-text {
  color: #000000;
  font-weight: 400;
  font-size: 60%;
}


/* Leadthree
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.leadthree {
  background-color: rgba(255, 255, 255);
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
  padding-top: 5rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}
.leadthree-text {
  color: #000000;
  font-weight: 400;
}




/* Adbox-bottomlb
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.adbox-bottomlb {
  background-color: rgba(255, 255, 255);
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
  padding-top: 0rem;
  text-align: center;
  align: center;
}
.adbox-bottomlb-text {
  color: #000000;
  font-weight: 300;
}




/* Footer
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.footer {
  background-color: #DCDBDB;
  background-size: cover;
  color: #000000;
  
  font-size: 1.6rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
}
.footer .section-head { 
  margin-bottom: 0rem;
  font-weight: 900;
}
.footer .section-content { 
  margin-bottom: 0rem;
  font-weight: 400;
}

.footer .section-content a {
  color: #000000; }
.footer .section-content a:hover {
  color: #696969; }






/* Bigger than 550 */
@media (min-width: 550px) {
  .navhead {
    padding: 1rem 0 1rem;
    text-align: left;
    height: 120px;
  }
  .topbar {
    padding: 1rem 0 1rem;
    height: 95px;
  }
  .footer {
    padding: 1rem 0 1rem;
    text-align: left;
    height: 80px;
  }  
  .articlecontent {
    padding: 1rem 0 10rem;
  }
  .leadthree {
    padding: 10rem 0 10rem;
    text-align: left;
  }    
  .adbox-bottomlb {
    padding: 2rem 0 2rem;
    text-align: center;
  }   
  
  
  
  .section {
    padding: 12rem 0 11rem;
  }
  .phone {
    position: absolute;
    top: -7rem;
    right: 3rem;
    max-height: 362px;
    z-index: 3;
  }
  .phone + .phone {
    top: -6rem;
    display: block;
    max-width: 73.8%;
    right: 0;
    z-index: 2;
    max-height: 338px;
  }
  .hero-heading {
    font-size: 2.4rem;
  }
  
  
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .navhead {
    height: 120px;
    padding: 1rem 0 1rem
  }
  .topbar {
    padding: 0rem 0 0rem;
    height: 90px;
  }
  .articlecontent {
    padding: 1rem 0 10rem;
  }  
  .footer {
    padding: 1rem 0 1rem;
    text-align: left;
    height: 80px;
  }
  .leadthree {
    padding: 10rem 0 10rem;
    text-align: left;
  }   
  .adbox-bottomlb {
    padding: 2rem 0 2rem;
    text-align: center;
  }       
  
  
  .hero-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 14rem 0 15rem;
  }
  .hero {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .navhead {
    padding: 1rem 0 1rem;
    height: 120px;
  }
  .articlecontent {
    padding: 1rem 0 10rem;
  }    
  .topbar {
    padding: 0rem 0 0rem;
    height: 90px;
  }
  .footer {
    padding: 1rem 0 1rem;
    text-align: left;
    height: 80px;
  }
  .leadthree {
    padding: 5rem 0 5rem;
    text-align: left;
  }  
  .contents-head {
    padding: 15rem 0 10rem;
  }
  .adbox-bottomlb {
    padding: 2rem 0 2rem;
    text-align: left;
  }       
  
  
  

  .section {
    padding: 20rem 0 19rem;
  }

  .hero-heading {
    font-size: 3.0rem;
  }
}



@media only screen and (max-width: 480px) {
.footer-cta {
   position:fixed;
   left:0;
   bottom:0;
   height:50px;
   width:100%;
   background-color: rgba(0, 0, 0, 1);
   z-index: 100;
   text-align: center;
   vertical-align: middle;
}
}