form {height:100%;}

.navBar h1 {
	color:#fff;
	background-color:transparent;
}

#housing {
	clear:both;
	float:left;
	width:100%;
	height:97%;
	background-color:white;
	background:url(../images/housing/housing2.jpg) no-repeat center 50%;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color:#000;
}

#housing article {
	/*display:block;
	padding-top:4%;
	width:75%;
	margin-left:auto;
	margin-right:auto;
	color:#fff;*/
	clear:both;
	width:70%;
	padding:5% 15% 0;
}

#housing article h1 {
	text-transform:uppercase;
	margin-top:0;
	margin-bottom:4%;
	/*font-weight:normal;*/
	text-align:center;
	font-size:2em !important;}

#housing article p {line-height:1.5em;}




#housingButtons {
	clear:both;
	float:left;
	width:100%;
	background-color:#00376B;
	color:#fff;
}

#housingButtons article {
	float:left;
	width:90%;
	padding:2% 5% 3%;
}

#housingButtons article p {
	text-align:center; 
	line-height:1.5em;
	width:75%;
	margin-left:auto;
	margin-right:auto;}


#housingButtons article ul {
	list-style-type:none;
}


#housingButtons article li {
	float:left;
	display:inline-block;
	width:100%;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
	
}

#housingButtons article li img {text-align:center;}

#housingButtons article a:link li, #housingButtons article a:visited li {
	width:19%;
	/*height:50px;*/
	padding:3%;
	color:#fff;
	text-decoration:none;
	font-size:1em;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}

#housingButtons article a:hover li {
	background-color:#00274C;
}

.intro {text-align:center;}

.housingLink {
	clear:both;
	text-align:center;
	padding:0;
}

/*.housingLink a:link, .housingLink a:visited {
	padding:
	color:#00376B;
	text-decoration:none;
	border-bottom:1px solid #00376B;
}
.housingLink a:hover {text-decoration:none;}*/

.housingLink a:link, .housingLink a:visited {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
  color:#00274C;
	background-color: white;
  text-decoration:none;
  padding:1% 5%;
	/*border:1px solid #00274c;*/
	text-align:center;
	font-size:1em;
}
.housingLink a:hover, .housingLink a:focus, .housingLink a:active {
  background-color: #00274c;
  color:#fff;
  
}



#botBanner {
	clear:both !important; 
	width:100%;
	position:relative;
  }
  
 #botBanner img {position:relative; width:100%; height:auto;} 
 #botBanner p {
	 position:absolute;
	 top:90%;
	 left:55%;
	 width:50%;
 }
 #botBanner p span {
	 color:#fff;
	 background: rgba(0, 0, 0, 0.8);
	padding:2% 4%;
	font-weight:bold;}



/*ESSENTIALS*/


a.button:link {
	background-color: rgba(0, 0, 0, 0.45);
    display: block;
    margin-bottom: 3%;
	padding: 15px 15px 15px 40px;
    width: 80%;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align:left !important;
}

a.button:hover {
	background-color:#0056ac;
	color:#fff;
}

a.tourButton:link, a.tourButton:visited {
	background-color:#0056ac;
    display: block;
    margin-bottom: 3%;
	padding: 10px 15px;
    width: 300px;
	color:#fff;
	text-decoration:none;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:1px solid #0c6cc7;
text-align:center !important;
}

a.tourButton:hover {
	background-color:#00274C;
	color:#fff;
}

.directLink {
	background:url(../images/icons/link.png) no-repeat left center;
}


/*-----TILE------*/
#section-90 {
	clear:both;
	width:90%;
	padding:1% 5%;
	background-color: white;
	border-top:1px solid #ddd;
}


		.tile-container {
			display: flex;
  flex-flow: row wrap; 
  padding: 0;
  margin: 20px 0 3%;
  list-style: none;
		}		
		
		.tile-container li {
  padding: 5px;
  /*width: 31.5%;*/		
	width:23.5%;		
	padding:0.5%;
  color: white;
  font-weight: bold;
  text-align: center;
		}
		
		.tile-container li a {
			display: block;
			width:100%;
			height:100%;
			align-items: center;
			color:white;
			text-decoration: none;
		}
		
		.tile-container li a:hover {
			text-decoration: underline;
		}
		
		.tile-container li h2 {
			margin:0;
			width:96%;
			padding:55% 2% 5%;
			text-align: center;
			font-size:1.25em;
			font-weight: bold;
			color:white;
			text-decoration: none;
			background: linear-gradient(0deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 42%);
		}	
		
		
		
.housing1 {
	background: url("../images/housing-tile1.jpg") no-repeat center center;
	background-size:cover;
}

.housing2 {
	background: url("../images/housing/housing-tile2.jpg") no-repeat center center;
	background-size:cover;
}

.housing3 {
	background: url("../images/housing/housing-tile3.jpg") no-repeat center center;
	background-size:cover;
}

.housing4 {
	background: url("../images/housing/housing-tile4.jpg") no-repeat center center;
	background-size:cover;
}






/* -------------- @MEDIA -------------*/
/* ----------- iPhone 1-5S and GALAXY S3-S5 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	 .patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#housing article {clear:both; width:90%; padding:5% 5% 0;}
	  #housing article h1, #housing article p {color:#fff;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}
}

/* iPhone 1-5 and Galaxy: Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 640px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	  #housing {background-image: none}
	  #housing article {clear:both; width:90%; padding:5% 5% 0;}
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
}

/* ----------- iPhone 6 ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#housing article {clear:both; width:90%; padding:5% 5% 0;}
	  #housing article h1, #housing article p {color:#fff;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}
}

/* iPhone 6: Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	  #housing {background-image: none}
	  #housing article {clear:both; width:90%; padding:5% 5% 0;}
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
}

/* ----------- iPhone 6+ ----------- */


/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#housing article {clear:both; width:90%; padding:5% 5% 0;}
	  #housing article h1, #housing article p {color:#fff;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	  #housing {background-image: none}
	  #housing article {clear:both; width:90%; padding:5% 5% 0;}
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  

}


/* ----------- iPhone X ----------- */

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
  	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	#housing article {clear:both; width:90%; padding:5% 5% 0;}
	  #housing article h1, #housing article p {color:#fff;}
	  
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
	  
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
	.patch {visibility:hidden;}
	#wordmark, #wordmark span {display:inherit !important; width:300px !important; height:34px !important; border:1px solid red; display:none !important;}
	#topBar p.portalFind {margin-left:0% !important; }
	.topBar-sweep-to-top {width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	
	  #housing {background-image: none}
	  #housing article {clear:both; width:90%; padding:5% 5% 0;}
	.tile-container {display: flex; flex-flow: column wrap;}
	.tile-container li {width: 98.5%; padding:0.5%;}  
	  .tile-container li:last-child {margin-left: 0;}  
}







@media only screen and (min-width: 590px) and (max-width : 760px) {
	/*600 x 800*/
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important;}
	.topBar-sweep-to-top {/*width:45%;*/width: 25%; text-align:center; padding:8px 5px;}
	.navBar p {margin:0 !important;}
	.hvr-sweep-to-top {width:100% !important; border-top:1px dotted #777;}
	#infoBar {height:100px; margin-top:0;}
	#infoBar ul {width:580px !important; margin-left:0 !important; padding-left:0 !important;}
	#infoBar li {height:100px; margin-left:0 !important; padding-left:0 !important; font-size:.75em !important;}
	#infoBar li a:link, #infoBar li a:visited {text-decoration:none;}
}


@media only screen and (max-width : 1020px) and (min-width : 760px) {
   /* 768 x 1024 and 800 x 600 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:0% !important; clear:both;}
	.navBar p {margin:0 !important;}
	#housing {height:65%; background-position:75% 100%; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
}

@media only screen and (max-width : 1050px) and (min-width : 1022px) {
   /* 1024 x 768 */
	.patch {display:none;}
	#wordmark, #wordmark span {display:inherit !important;}
	#topBar p.portalFind {margin-left:10% !important;}
	.navBar p {margin:0 !important;}
}