body  {margin: 0 0 0 0; padding: 0 0 0 0;}
header {background-color: #f0f0f2; width: 100%; padding-bottom: 10px;}
html {background-color: #8AABBF;}
footer {background-color: #f0f0f2; clear: both; text-align: center;}
#primary_nav_wrap {margin-top: 0; text-align: center; position: relative;
  z-index: 2000;}
#primary_nav_wrap ul {list-style:none; position:relative; margin:0; padding:0; padding-left: 40px;}
#primary_nav_wrap ul a {text-decoration:none; font-weight:700; font-size:24px; line-height:35px; margin-left: 20px; margin-right: 20px; padding-top: 35px; padding-right: 155px;}
#primary_nav_wrap ul li {position:relative; padding:0; display: inline;}
#primary_nav_wrap ul ul {display:none; position: absolute; top:100%; left:0; background: #f0f0f2; padding:0; width: 200px; border-radius: 10px; box-shadow: 5px 5px 10px white;} 
#primary_nav_wrap ul ul li {float:none; width:200px; z-index: 99; position: relative;}
#primary_nav_wrap ul ul a{line-height:120%; padding: 10px 15px;}
#primary_nav_wrap ul ul ul {top:0; left:100%; z-index: 99}
#primary_nav_wrap ul li:hover > ul {display:block}
.img-nav {width: 10%;}
.hero {position: relative;height: 700px ;width: 100%;overflow: hidden;}

.hero-video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%; object-fit: cover;transform: translate(-50%, -50%);}
a:link {color: #5D768C; text-decoration: none; font-family: Revalia;}
a:visited {color: #5D768C; text-decoration: none;}
a:hover {color: #8AABBF; text-decoration: none;}
a:active {color: #8AABBF; text-decoration: none;}
.house-info {margin-right: auto; margin-left: auto; width: 65%; background-color: #394759; color: #5B7BA6; font-family: Merienda; padding: 10px 10px 10px 10px;}
.info-div {float: left; padding-right: 60px; padding-left: 60px;}
.info-p {font-family: Merienda; color: #394759; font-size: 30px;}
.bold {font-weight: bold;}
.info-section {width: 50%; margin-right: auto; margin-left: auto; border: 3px #394759 solid; overflow: hidden; margin-top: 10px; margin-bottom: 10px; box-shadow: 5px 5px 10px white; background-color: #5D768C;}
.address {text-align: center;}
.location {float: left;}
.form1 {background-color:#f0f0f2; padding: 30px 30px 30px 30px; float: left; margin-left: 25px; margin-top: 100px; border: 3px #394759 solid; box-shadow: 5px 5px 10px white;}
label {color: #5B7BA6; font-family: "Bungee Inline";}
.house-bottom {margin-right: auto; margin-left: auto; width: 65%;}


.default-img-div {float:left; padding: 40px 40px 40px 40px;}
.default-img {border-radius: 20px; box-shadow: 5px 5px 10px white;}
.default-info {float: left; width: 45%; border: 3px #394759 solid; overflow: hidden; margin-top: 10px; margin-bottom: 10px; box-shadow: 5px 5px 10px white; background-color: #5D768C; margin-top: 100px;}
h2,h3 {font-family: Berkshire Swash; color:  #8AABBF;}


.default-img-div2 {float: right; padding: 40px 40px 40px 40px;}
.default-info2 {float: right; width: 45%; border: 3px #394759 solid; overflow: hidden; margin-top: 10px; margin-bottom: 10px; box-shadow: 5px 5px 10px white; background-color: #5D768C; margin-top: 100px;}
.agent-div {clear: both;}
.agents-main {margin-right: auto; margin-left: auto; width: 75%;}
.info-p2 {font-family: Merienda; color: #394759; font-size: 28px;}
.thanks-p {text-align: center; margin-top: 300px;}
.thanks-foot {position: fixed; bottom: 0; width: 100%; text-align: center;}
.socail {text-align: center;}
#about-banner { background-image: url(images/about-banner2.png); background-size: cover; height: 200px; box-shadow: 5px 5px 10px white; text-align: center; font-size: 50px; border: 3px #394759 solid; margin-top: 10px;}
.info-p3 {font-family: Merienda; color: #394759; font-size: 24px;}
#agents-banner { background-image: url(images/about-banner.jpg); background-size: cover; height: 400px; box-shadow: 5px 5px 10px white; text-align: center; font-size: 50px; border: 3px #394759 solid; margin-top: 10px;}
.about-bottom {margin-right: auto; margin-left: auto; width: 75%; clear: both;}
.form2 {background-color:#f0f0f2; padding: 25px 30px 32px 30px; float: left; margin-left: 25px; border: 3px #394759 solid; box-shadow: 5px 5px 10px white; margin-right: 40px; margin-top: 5px;}
.footer-p {text-align: center; font-family: Merienda; color: #394759;}
.home-img {margin-right: auto; margin-left: auto; width: 85%;}
.default-img2 {border-radius: 20px; box-shadow: 5px 5px 10px white; margin-right: auto; margin-left: auto; display: block;}
.info-section2 { border: 3px #394759 solid; overflow: hidden; margin-top: 10px; margin-bottom: 10px; box-shadow: 5px 5px 10px white; background-color: #5D768C;}






@media (max-width: 1665px) {
    
  #primary_nav_wrap ul a {padding-right: 130px;}
  
  .agents-main {width: 100%;}
}




@media (max-width: 1500px) {
    
  #primary_nav_wrap ul a {padding-right: 100px;}
  
}



@media (max-width: 1320px) {
    
  #primary_nav_wrap ul a {padding-right: 75px;}
  
  .default-img {width: 500px; height: 500px;}
  .default-img2 {margin: 0; width: 100%;}
}

@media (max-width: 1070px) {
    
  .default-img-div2 {float: none; width: 100%; padding: 0; margin: 0;}
  .default-info2{float: none; width: 100%; margin-right: auto; margin-left: auto;}
  .default-img-div{float: none; width: 100%; padding: 0; margin: 0;}
  .default-info{float: none; width: 100%; margin-right: auto; margin-left: auto; }
  .default-img {width: 40%; margin-right: auto; margin-left: auto; display: block;}
}



@media (max-width: 1180px) {
    
  #primary_nav_wrap ul a {padding-right: 50px; font-size: 12px;}
  
}

@media (max-width: 800px) {
    
  #primary_nav_wrap ul a {padding-right: 25px; font-size: 12px;}
  
}


@media (max-width: 660px) {
    
  #primary_nav_wrap ul a {padding-right: 8px; font-size: 8px;}
  
}