body,html {
    margin: 0;
    font-size: 28px;
    font-family: Georgia, serif;
    background-color:white;
    color: #555;
    height:100%;
    padding:0
  }
#logo{
    top:0;
    position:absolute;
    height: 200px;
    width:200px;
    background-color: #80a3b8;
    border:solid;
    border-color: white;
}
.top_img{
    z-index: -1;
    width:100%;
}
.main-container {
  min-height: 100vh; /* will cover the 100% of viewport */
  overflow: hidden;
  display: block;
  position: relative;
  padding-bottom: 100px; /* height of your footer */
 }
/*nav*/
/* Style the navbar */
#navbar {
    overflow: hidden;
    background-color: #80a3b8;
    width: 100%;
  }
.links{
    padding-left:210px
}
  /* Navbar links */
  #navbar a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px;
    text-decoration: none;
  }
  /*headings*/
  h1, h2{text-align: center;}

  h3{
    font-size:20px
  }
  /* Page content */
  .content {
    padding: 16px;
  }
  
  /* The sticky class is added to the navbar with JS when it reaches its scroll position */
  .sticky {
    position: fixed;
    top: 0;
    width: 100%;
  }
  
  /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
  .sticky + .content {
    padding-top: 60px;
  }

  /*property Search*/
  #search{
    text-align: center;
    margin: auto;
  }
  .collapsible{
    color:white;
    background-color:  #80a3b8;
    border-radius: .25em;
    text-align:center;
    border:none;
    cursor: pointer;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  }
  .content{
    display: none;
  }
  #filtercont{
      text-align: center;
  }
  .row3{
    display: flex;
    width:75%;
    margin: auto;
   }
   .list-group{
       width:25%;
       box-sizing: border-box;
       padding:10px;
       margin: auto;
   }
   .list-group1{
       width:25%;
       box-sizing: border-box;
       padding:10px;
       padding-left:15px;
       margin: auto;
       margin-left:20px
   }
   .check{
     height: 80px; 
     overflow-y: auto; 
     overflow-x: hidden;  
   }
   #price_range{
       width:70%
   }
   .check{
       font-size: 15px;
       font-family:  Georgia, serif;
       font-style: oblique;
       font-weight: 100
   }

   /*property results*/
  .results{
    max-width: 60%;
    margin:auto;
  }
  .housecard{
    margin:0 0 20px 0;
    border:solid;
    border-color: #555;
  }
  .prodtitle{
    background-color:#80a3b8 ;
  }
  .prodtitle h2{
    padding:3px 0 3px 10px;
    text-align: left!important;
    margin-top:0;
    color:white;
    font-size: 35px;
  }
  .prodrow{
    display: flex;
    width:100%;
    margin: auto;
  }
  .prodcol h3, p{
    font-size:24px
  }
  .prodcol a{
    color: white;
    background-color: #80a3b8;
    border:none;
    border-radius: .25em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    padding: 5px;
    text-decoration: none;
  }

  .prodcol{
    width:50%;
    box-sizing: border-box;
    padding:10px;
    margin:0;
    text-align: left!important;
  }
  .prodcol img{
    max-width:400px;
  }
.noresult{
  text-align: center;
}
.footer{
  padding:0;
  position: absolute;
  top:95em;
  color: white;
  background-color: #80a3b8;
  width: 100%;
  text-align: center;
  font-size:20px
}
@media screen and (max-width: 1025px) {

button h2{
  font-size: 20px!important;
}
h2{
  font-size: 30px!important;
}
h3,p{ 
  font-size: 20px!important;
}
.results{
  max-width: 90%;
}
.house_main{
  max-width: 300px!important;
}
.prodcol a{
  font-size: 20px!important;
}
.links2{
  padding-left:105px
}
.links2 a{
 font-size:18px;
 padding:5px!important
}
.row3{
width: 90%;
}
h5{
  font-size: 20px
  }
}
@media screen and (max-width: 415px) {
  #logo,#logo img {
    width:80px;
    height: 80px
  }
  #search{
    display:none
  }
  h1{
    font-size: 30px;
  }
  p{
    font-size: 18px!important;
  }
  h2,h3{
    font-size: 18px!important;
  }
   .prodrow{
    display: block
  }
  .prodcol{
    width:100%;
    margin:0;
    padding-top:0;
  }
  br{
    display:none
  }
  li{
    font-size:18px
  }
  .contact-form{
    max-width: 100%;
    margin:0%;
  }
}

div#success {
  position:fixed;
  top:10px;
  text-align: center;
  box-shadow: 1px 1px 5px #455644;
  background: #bae8ba;
  padding: 10px;
  border-radius: 3px;
  margin: 0 30% 0 30%;
  width: 40%
}
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}
.inputBox {
  width: 100%;
  margin: 5px 0px 15px 0px;
  border: #dedede 1px solid;
  box-sizing: border-box;
  padding: 15px;
  font-family: Georgia, serif;
}
.inputBox:disabled{
  background-color: white;
}

#contact-popup {
 text-align: center;
  margin:auto
}
#close{
  float:right;
  cursor: pointer;
}
#close:hover{
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}
.contact-form {
  max-width: 40%;
  margin: 0px;
  background-color: white;
  font-family: Georgia, serif;
  position: relative;
  margin:auto;
  margin-top: 1%;
  box-shadow: 1px 1px 5px #444444;
  padding: 20px 40px 40px 40px;
}

.info {
  color: #d30a0a;
  letter-spacing: 2px;
  padding-left: 5px;
}

#send {
  background-color: #80a3b8;
  border: 1px solid #80a3b8;
  font-family: Arial;
  color: white;
  width: 100%;
  padding: 10px;
  cursor: pointer;
}

#contact-popup h1 {
  font-weight: normal;
  text-align: center;
  margin: 10px 0px 20px 0px;
}

.input-error {
  border: #e66262 1px solid;
}
.steve{
  text-align: center; 
  max-width:300px; 
  margin:auto
}
.about-info{
  text-align: center;
  margin: auto;
  max-width:1000px;
  list-style-type: none;
  padding:0
}
.about-info ul,li{
  padding:0
}