@import url('https://fonts.googleapis.com/css2?family=Cardo&display=swap&family=Roboto:wght@300&display=swap');
@font-face {
  font-family: Poppins-Regular;
  src: url('../fonts/poppins/Poppins-Regular.ttf'); 
}

@font-face {
  font-family: Poppins-Medium;
  src: url('../fonts/poppins/Poppins-Medium.ttf'); 
}

@font-face {
  font-family: Poppins-Bold;
  src: url('../fonts/poppins/Poppins-Bold.ttf'); 
}
body, html{
  max-width: 100%;
    height: auto;
  margin:0;
  font-size: 2vw;
  
  font-family: 'Cardo', sans-serif;
  
  color:	white;
  background-color:#43464b;
  
}
#toplogo
{

  max-width: 100%;
    min-height: 100%;
}
/* Add a black background color to the top naavigation */
.topnav {
  background-color: white;
  overflow: hidden;
  text-align:center;
  

}
.liel {
  
  list-style-type: none;
  vertical-align:middle;
  width:30%;
  display: inline-block;
  text-align: center;
}
.conlist {
  list-style-type: none;
  vertical-align:middle;
  width:23%;
  display: inline-block;
  text-align: center;
}
/* Style the links inside the navigation bar */
.topnav a {
  
  color: black;
  text-align: center;
  
  text-decoration: none;
  font-size: 4vmin;
  font-weight: 200;
  font-family: 'Cardo', sans-serif;
  
}

.bottomtext {

  color: black;
  text-align: center;
  
  text-decoration: none;
  font-size: 2.5vmin;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
.bottomcon {

  background-color: white;
  overflow: hidden;
  text-align:center;
  color: black;
 
  
  text-decoration: none;
  font-size: 1.5vh;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
}
/* Change the color of links on hover */
.topbutton a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: black;
  color: white;
}
.pimg1, .pimg2, .pimg3{
  position:relative;
  opacity:1;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;

  /*
    fixed = parallax
    scroll = normal
  */
  background-attachment:scroll;
}

.pimg1{
  background-image:url('images/Back\ Yard.jpg');
  min-height:100%;
}

.pimg2{
  background-image:url('images/front.jpg');
 height:100%;
 width:100vw
}

.pimg3{
  background-image:url('images/Ridgefield\ 050.jpg');
  height: 120vh;
  
 
 
  
}
.pimg4{
  background-image:url('images/Ridgefield\ Logo-1.jpg');
  height:200%;
}
.section{
  text-align:center;
  padding:2vmin 3vmin;
  font-size: 3vmin;
}

.section-light{
  background-color:#f4f4f4;
  color:black;
}

.section-dark{
  background-color:#282e34;
  color:#ddd;
}

.ptext{
  font-family: "Cardo";
  position:absolute;
  top:85%;
  width:90%;
  text-align:center;
  color:#000;
  font-size:5vmin;
  padding-left: 4vw;
  
}

.ptext .border{
  background-color:#111;
  color:#fff;
  
}

.ptext .border.trans{
  background-color:transparent;
}

@media(max-width:568px){
  .pimg1, .pimg2, .pimg3{
    background-attachment:scroll;
  }
}


.pagetitle{
  padding-top:1em;
  text-align: center;
  font-family: 'Poppins-Bold', serif;
  font-weight: 400;
}
h1{
  text-align: center;
  font-family: 'Poppins-Bold', serif;
  font-weight: 400;
  font-size: 2em;
}
h2 {
  text-align: center;
  font-family: 'Poppins-Bold', serif;
  font-weight: 400;
  font-size:2em;
  margin-block-start: 0;
    margin-block-end: 0;
}
h5 {
  font-family: 'Cardo', serif;
  font-size:1em;
  font-weight: 400;
}
#siteplan img {
	width: 50vw;
  display: block;
  height:auto;
}

#lots
{
  font-weight: 800;
  Display:inline;
  margin: 0;
  padding: 0;
  
}

#lots li
{
  font-weight: 800;
  color: black;
  background-color: white;
	list-style-type: none;
	padding: 1.05em 5vmin;
	font-weight: bold;
  font-size: 1.5vw;
  
  
}

.lotnum {
	display: block;
	float: left;
	width: 30%;
}

.lotprice {
	display: block;
	float: left;
	width: 30%;
}

.lottype {
	display: block;
	float: left;
	width: 25%;
}

.lotsize {
	display: block;
	float: left;
	width: 15%;
}

#disclaimer {
	clear: both;
	padding-top: 1em;
}



.lot-image {
	width: 100vw;
	display: block;
}

#vintage {
    display: block;
    width: 30%;
    margin: 0 auto;
    text-align: center;
    padding-bottom:3em;
}

#vintage img {
    width: 100%;
}


ul#menu li {
  display:inline;
}

ul {
  display: block;
  list-style-type: disc;
  margin-block-start: .5em;
  margin-block-end: .5em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  padding-inline-start: 40px;
}


.content {
	margin: 0;
	padding: 0;
	text-align: left;
  clear: both;
  
  
}
.page-wrap {
  width: 100vw;
  margin: 0 auto;
  background-color:#282e34;
 
}


.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  display: inline;
  float: left;
  max-width: 100%;
  height: auto;
 
}
.col12
{
  width: 100vw;
}
.col6{
  width: 50vw;
}