body
{
background: black;
}





.wrapper
{
width: 100%;

}

.main
{
width: 100%;
position: relative;
}


.lower_half .vent_land_container,
.lower_half .vent_dev_container
{
width: 49.7%;
position: relative;

}

.ventura_logo
{
clear: both;
text-align: center;
width: 100%;
padding-top: 45px;
color: #ccc;
font-size: 0.8em;
font-family: helvetica,san-serif;

}

.ventura_logo a:link,
.ventura_logo a:hover,
.ventura_logo a:visited
{
display: block;
margin-top: 15px;
color: #ccc;
font-size: 0.8em;

}

.ventura_logo #ventura
{
max-width: 160px;
margin: auto;
}

.lower_half .vent_land_container
{
margin-right: 0%;
}

.lower_half .vent_dev_container
{
margin-left: 0.5%;
}

.vent_dev_logo,
.vent_land_logo,
.vent_homes_logo
{
position: absolute;
max-width: 350px;
height: auto;
margin: auto;
left: 45%;
z-index: 2;
}

.vent_dev_logo,
.vent_land_logo
{
max-width: 200px;
top: 8%;
left: 30%;
}


.img_hover
{
width: 100%;
height: auto;
position: absolute;
/* display: none; */
opacity: 0;
top: 0px;
z-index: 1;
transition: 0.5s all ease;
left: 0;
}

a img {border: none;}

a {text-decoration: none;}
a:-webkit-any-link {text-decoration: none;}


.vent_dev,
.vent_land,
.vent_homes
{
width: 100%;
}

.vent_dev_container,
.vent_land_container
{
float: left;
}


.main:hover .img_hover,
.vent_land_container:hover .img_hover,
.vent_dev_container:hover .img_hover
{
/* display: block; */
opacity: 1;

}


.vent_homes_logo
{
left: 38%;
top: 14%;
}



.main .whitebox,
.vent_land_container .whitebox,
.vent_dev_container .whitebox{
	background: white;
	position: absolute;
	top: 60%;
	height: 40%;
	text-align: center;
	z-index: 999!important;
	width: 100%;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.main .whitebox{
	top: 70%!important;
	height: 30%;
	
}


.whitebox .text{
	padding: 10px 10% 0 10%;
	font-family: helvetica, sans-serif;
}

.main .whitebox .text{color: #257c83; padding: 20px 20% 0 20%;}

.vent_land_container .whitebox  .text{color: #505b23;}

.vent_dev_container .whitebox  .text{color: #c8530d;}


.footer_icons{
	height: 100px;
	width: 90%;
	margin-left: 5%;
	text-align: center;
	margin-top: 20px;
}

.footer_icons img{display: inline!important;}






@media only screen 
and (max-width: 3000px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 40%;
	max-width: 350px;
	}
	
	
	.vent_homes_logo
	{
		max-width: 450px;
	}
	
}



@media only screen 
and (max-width: 2500px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 39%;
	max-width: 350px;
	}
	
	
	.vent_homes_logo
	{
		max-width: 450px;
	}
	
}



@media only screen 
and (max-width: 2000px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 38%;
	max-width: 300px;

	}
	
	.vent_homes_logo
	{
		max-width: 350px;
	}
	
	
	
}


@media only screen 
and (max-width: 1600px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 39%;
	}
	
	.vent_homes_logo
	{
		left: 41%;
		max-width: 280px;
	}
}


@media only screen 
and (max-width: 1370px) 
{

	.whitebox .text{font-size: 85%;
		padding: 10px 5% 0 5%;
	}
}


@media only screen 
and (max-width: 1150px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 35%;
	max-width: 170px;
	}
	
	.vent_homes_logo
	{
		left: 36%;
		max-width: 280px;
	}
	
	.whitebox .text{font-size: 80%;
		padding: 10px 5% 0 5%;
	}
	
	
}

@media only screen 
and (max-width: 930px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 35%;
	max-width: 136px;
	}
	
	.vent_homes_logo
	{
		left: 33%;
		max-width: 230px;
	}

	.whitebox .text{font-size: 67%;
		padding: 5px 5% 0 5%;
	}
	.thebreak{display: none;}
	
}



@media only screen 
and (max-width: 780px) 
{ /*was max-width:720px */
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 35%;
	max-width: 115px;
	}
	
	.vent_homes_logo
	{
		left: 33%;
		max-width: 200px;
	}

	.whitebox .text{font-size: 60%;
		padding: 5px 2% 0 2%;
	}
	.main .whitebox .text{font-size: 70%;
		padding: 5px 2% 0 2%;
	}
	.thebreak{display: none;}

	.not_mobile{display: none;}
	
	.text a img{width: 15px;}
	
}




@media only screen 
and (max-width: 600px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 35%;
	max-width: 180px;
	}
	
	.lower_half .vent_dev_container,
	.lower_half .vent_land_container
	{
		width: 100%;
		float: none;
	}
	
	.vent_homes_logo
	{
		left: 33%;
		max-width: 180px;
	}
	.whitebox .text{font-size: 75%;
		padding: 15px 2% 0 2%;
	}
	.main .whitebox .text{font-size: 63%;
		padding: 5px 2% 0 2%;
	}
	.thebreak{display: none;}
	
	.not_mobile{display: none;}
	
	.text a img{width: 15px;}
}




@media only screen 
and (max-width: 480px) 
{
	.vent_dev_logo,
	.vent_land_logo
	{
	left: 35%;
	max-width: 140px;
	}
	
	.lower_half .vent_dev_container,
	.lower_half .vent_land_container
	{
		width: 100%;
		float: none;
	}
	
	.vent_homes_logo
	{
		left: 33%;
		max-width: 140px;
	}

	.whitebox .text{font-size: 65%;
		padding: 5px 2% 0 2%;
	}
	.main .whitebox .text{font-size: 52%;
		padding: 5px 2% 0 2%;
	}
	.thebreak{display: none;}

	.not_mobile{display: none;}
	
	.text a img{width: 15px;}
}


/* POP UP CODE */	
@import "compass";

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0!important;
	position: relative;
}

body {
	background-color: #E3E3E3;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 240px;
	text-align: center;
	
	.container {
		max-width: 800px;
		margin: 0 auto;
		padding: 30px;
		text-align: center;
		background: white;
		border-radius: 10px;
		border: 5px solid #9AD3DE;
		box-sizing: border-box;
	}
}

h3, h2, button {
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-weight: 100;
	letter-spacing: 0.5px;
}


h2 {
	font-size: 26px;
	text-align: center;
	color: #00656e;
	margin: 0 0 30px 0;
	font-weight: bold;
}

h3 {
	font-size: 22px;
	text-align: center;
	color: #00656e;
	margin: 0 0 30px 0;
	font-weight: normal;
}


button {
	background: #89BDD3;
	border: 0;
	border-radius: 4px;
	padding: 7px 15px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;

	&:focus {
		outline: none;
	}

	&:hover {
		background: lighten(#89BDD3, 10%);
	}
}

.learn{
	background: #00656e;
	margin-right: 50px;
}

.learn a{color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

.popwrapper{
		max-width: 800px;
		margin: 0 auto;
		padding: 30px;
		text-align: center;
		background: white;
		border-radius: 10px;
		border: 5px solid #9AD3DE;
		box-sizing: border-box;
	
}
.popwrapper img{
	width: 100%;
    max-width: 350px;
    height: auto;
    
}


.popup {
	background: rgba(100, 100, 100, 0.6);
	position: fixed;
	display: visible;
	z-index: 5000;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	padding-top: 20px;

	> div {
		border-radius: 10px;
		position: fixed;
		background: #FFFFFF;
		box-shadow: 0px 0px 15px 0px rgba(#000000, 0.3);
		padding: 30px 15px;
		/* Width of popup can be changed */
		width: 70%;
		max-width: 600px;
		z-index: 5001;
		@include transform(translate(-50%, -50%));
  		left: 50%;
	   top: 50%;
		text-align: center;
		border: 5px solid #9AD3DE;
	}
}
/* POP UP CODE END */