/*Color Scheme
Gray: #D4D3D3
Light Blue: #00A3E0
Yellow: #E0DC07
Olive Green: #8B8A2E
Dark Aqua: #3D6D7E
White: #FAFAFA
*/

@media screen and (min-width: 1001px)
{
h1 {text-align: center; font-family: "Chango", "Times New Roman"; }

h2 {text-align: center; font-family: "Nova Flat", sans-serif; color: #3D6D7E; }

h3 {text-align: center; font-style: normal; padding-right: 10px; padding-left: 10px; }

nav {text-align: center;
  font-family: "sofia-sans-semi-condensed", serif;
  font-weight: 750;
  font-style: normal;
  font-size: 25px;
}

a {text-align: center; }

.clicklink {border-radius: 20px; text-align: center; background-color: #E0DC07; color: black; background-size: contain ; box-shadow: 7px 7px 10px darkgrey; border-right: 2px; width: 100px; margin-right:auto; margin-left: auto; padding: 10px; text-decoration: none; }

a:link.click {text-decoration: none; color: black; font-family: "Nova Flat", sans-serif; font-size: 16px;}

a:visited.click {text-decoration: none;}

.clicklink2 {border-radius: 20px; text-align: center; background-color: #E0DC07; color: black; background-size: contain ; box-shadow: 7px 7px 10px darkgrey; border-right: 2px; width: 200px; margin-right:auto; margin-left: auto; padding: 10px; text-decoration: none; }

a:link.click2 {text-decoration: none; color: black; font-family: "Nova Flat", sans-serif; font-size: 16px;}

a:visited.click2 {text-decoration: none;}

.hline {width: 500px; color: #00A3E0; font-size: 20px; border-radius:5px; border-color: #00A3E0; border-style:double }

.hline2 {width: 300px; color: #00A3E0; font-size: 20px; border-radius:5px; border-color: #00A3E0; border-style:double }

.homebody {background-color: #D4D3D3; }

ul {font-family: "Asul", sans-serif; }

.homeul { text-decoration-skip: ink; border-bottom-style: solid; border-bottom-color: #3D6D7E; border-bottom-width: thick; padding-top: 75px;}

.homep {text-align:center; font-size: 18px; }

.homemain {width: 1000px; padding-top: 15px; margin-left:auto; margin-right: auto;}

.rentmain {width: 1250px; padding-top: 15px; margin-left:auto; margin-right: auto;}
    
     .image-center {text-align: center; margin-right: auto; margin-left: auto; }

.centerp {text-align: center; margin-left:auto; margin-right: auto; }

.logoimg {margin-right:auto; margin-left: auto; display:block; width: 300px; height: 200px; padding-top: 10px; border-style:groove; border-width: thin}

.floatbox {padding-right: 25%; padding-left: 25%; margin-left:auto; margin-right: auto; }

.floatbox img {margin-left:auto; margin-right: auto; display: block; padding-right: 10px; box-shadow: 7px 7px 10px darkgrey;}

.floatbox2 {text-align: center; display: block; margin-left:auto; margin-right: auto; }

.floatbox2 img {margin-left:auto; margin-right: auto; display: block; padding-right: 10px; box-shadow: 7px 7px 10px darkgrey;}

body {background-color: #FAFAFA;  }

footer {text-align: center; }

   .clear {clear:both;}

.LOGO {background-image:url(images/Nieghborhood.jpg); height: 250px; background-size: cover; color: #FAFAFA; padding-top: 100px; font-size: 50px;}

.home-fly {float:left; width: 40%; padding: 5%; border-image-width: 5px; }

.home-fly img {margin-right: auto; display: block; padding-right: 10px; display: block; box-shadow: 7px 7px 10px darkgrey;}

.home-float {float:left; width: 40%; padding: 5%; border-image-width: 5px; }

.home-float img {box-shadow: 7px 7px 10px darkgrey; margin-right: auto; margin-left:auto; display: block; padding-right: 10px; }

.sofia-sans-semi-condensed-<uniquifier> {
  font-family: "Sofia Sans Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chango-regular {
  font-family: "Chango", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.nova-flat-regular {
  font-family: "Nova Flat", system-ui;
  font-weight: 400;
  font-style: normal;
}

.asul-regular {
  font-family: "Asul", serif;
  font-weight: 400;
  font-style: normal;
}

.asul-bold {
  font-family: "Asul", serif;
  font-weight: 700;
  font-style: normal;
}


#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin: 0 auto ; width: 750px; height: 50px;
	padding: 0;
    text-align: center;
    z-index: 99;
}

#primary_nav_wrap ul a
{
	display:inline-block; width: 150px;
	color: #E64535;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	line-height:32px;
	padding:0 0;
	font-family: 
  font-family: "Cinzel", serif;
  font-weight: 600;
  font-style: normal;
    color: #E64535; 
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li:hover{
	background:#f6f6f6
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0; 
	padding:0
}


#primary_nav_wrap ul ul li{
	float:none;
	width:200px;
    background-color:white;
}

#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul{
	display:block
}
}







@media screen and (max-width: 1000px)
{
    h1 {text-align: center; font-family: "Chango", "Times New Roman"; }

h2 {text-align: center; font-family: "Nova Flat", sans-serif; color: #3D6D7E; }

h3 {text-align: center; font-style: normal; padding-right: 10px; padding-left: 10px; }

nav {text-align: center;
  font-family: "sofia-sans-semi-condensed", serif;
  font-weight: 750;
  font-style: normal;
  font-size: 25px;
}

a {text-align: center; }

.clicklink {border-radius: 20px; text-align: center; background-color: #E0DC07; color: black; background-size: contain ; box-shadow: 7px 7px 10px darkgrey; border-right: 2px; width: 100px; margin-right:auto; margin-left: auto; padding: 10px; text-decoration: none; }

a:link.click {text-decoration: none; color: black; font-family: "Nova Flat", sans-serif; font-size: 16px;}

a:visited.click {text-decoration: none;}

.clicklink2 {border-radius: 20px; text-align: center; background-color: #E0DC07; color: black; background-size: contain ; box-shadow: 7px 7px 10px darkgrey; border-right: 2px; width: 200px; margin-right:auto; margin-left: auto; padding: 10px; text-decoration: none; }

a:link.click2 {text-decoration: none; color: black; font-family: "Nova Flat", sans-serif; font-size: 16px;}

a:visited.click2 {text-decoration: none;}

.hline {width: 500px; color: #00A3E0; font-size: 20px; border-radius:5px; border-color: #00A3E0; border-style:double }

.hline2 {width: 300px; color: #00A3E0; font-size: 20px; border-radius:5px; border-color: #00A3E0; border-style:double }

.homebody {background-color: #D4D3D3; }
    
     .image-center {text-align: center; margin-right: auto; margin-left: auto; }

ul {font-family: "Asul", sans-serif; }

.homeul { text-decoration-skip: ink; border-bottom-style: solid; border-bottom-color: #3D6D7E; border-bottom-width: thick; padding-top: 75px;}

.homep {text-align:center; font-size: 18px; }

.homemain {width: 1000px; padding-top: 15px; margin-left:auto; margin-right: auto;}

.rentmain {width: 1250px; padding-top: 15px; margin-left:auto; margin-right: auto;}

.centerp {text-align: center; margin-left:auto; margin-right: auto; }

.logoimg {margin-right:auto; margin-left: auto; display:block; width: 300px; height: 200px; padding-top: 10px; border-style:groove; border-width: thin}

.floatbox {padding-right: 25%; padding-left: 25%; margin-left:auto; margin-right: auto; }

.floatbox img {margin-left:auto; margin-right: auto; display: block; padding-right: 10px; box-shadow: 7px 7px 10px darkgrey;}

.floatbox2 {text-align: center; display: block; margin-left:auto; margin-right: auto; }

.floatbox2 img {margin-left:auto; margin-right: auto; display: block; padding-right: 10px; box-shadow: 7px 7px 10px darkgrey;}

body {background-color: #FAFAFA;  }

footer {text-align: center; }

   .clear {clear:both;}

.LOGO {background-image:url(images/Nieghborhood.jpg); height: 250px; background-size: cover; color: #FAFAFA; padding-top: 100px; font-size: 50px;}

.home-fly {float:left; width: 40%; padding: 5%; border-image-width: 5px; }

.home-fly img {margin-right: auto; display: block; padding-right: 10px; display: block; box-shadow: 7px 7px 10px darkgrey;}

.home-float {float:left; width: 40%; padding: 5%; border-image-width: 5px; }

.home-float img {box-shadow: 7px 7px 10px darkgrey; margin-right: auto; margin-left:auto; display: block; padding-right: 10px; }

.sofia-sans-semi-condensed-<uniquifier> {
  font-family: "Sofia Sans Semi Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.chango-regular {
  font-family: "Chango", sans-serif;
  font-weight: 400;
  font-style: normal;
}


.nova-flat-regular {
  font-family: "Nova Flat", system-ui;
  font-weight: 400;
  font-style: normal;
}

.asul-regular {
  font-family: "Asul", serif;
  font-weight: 400;
  font-style: normal;
}

.asul-bold {
  font-family: "Asul", serif;
  font-weight: 700;
  font-style: normal;
}


#primary_nav_wrap
{
	margin-top:15px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin: 0 auto ; width: 750px; height: 50px;
	padding: 0;
    text-align: center;
    z-index: 99;
}

#primary_nav_wrap ul a
{
	display:inline-block; width: 150px;
	color: #E64535;
	text-decoration:none;
	font-weight:600;
	font-size:15px;
	line-height:32px;
	padding:0 0;
	font-family: 
  font-family: "Cinzel", serif;
  font-weight: 600;
  font-style: normal;
    color: #E64535; 
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}

#primary_nav_wrap ul li:hover{
	background:#f6f6f6
}

#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0; 
	padding:0
}


#primary_nav_wrap ul ul li{
	float:none;
	width:200px;
    background-color:white;
}

#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px
}

#primary_nav_wrap ul ul ul{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul{
	display:block
}
}