/*
       _ _                     _   _           
 _ __ / / | ___ _ __ ___  __ _| |_(_)_   _____ 
| '_ \| | |/ __| '__/ _ \/ _` | __| \ \ / / _ \
| |_) | | | (__| | |  __/ (_| | |_| |\ V /  __/
| .__/|_|_|\___|_|  \___|\__,_|\__|_| \_/ \___|
|_|  

Site design by p11|creative
Visit us @ p11.com

// ----- [ COLORZ ] ----- //

The options should take care of this...

// ----- __________ -----*/

/* entypo */
[class*="entypo-"]:before {
  font-family: 'entypo', sans-serif;
}

/********************************************************
CSS RESET
********************************************************/

*, *:before, *:after {
  border:0;
  margin:0;
  padding:0;
  border-collapse: 0;
  border-radius:0;
  line-height: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}

:focus {
  outline: 0;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/********************************************************
GLOBAL
********************************************************/

body {
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color:#7d614a;
  font-weight: 400;
  font-style: normal;
  background-color: #fff;
  width:100%;
  height:auto;
  overflow-x:hidden;
  overflow-y:scroll;
}

h1 {
	color:#27628e;
	font-family: brush-tipTerrence;
	font-weight: normal;
	font-style: normal;
  font-size: 2.5em;
  line-height: 1.5em;
  margin: 0.5em 0;
  padding: 0;
}

h2, h3, h4, h5, h6 {
	color:#27628e;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:600;
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

h2 {
  font-size:1.3em;
  letter-spacing: .05em;
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}

h3 {
  font-weight:400;
  font-size:1.2em;
}

h4 {
  font-size:1.1em;
  font-weight: 400;
}

h5 {
  font-size:1em;
}

h6 {
  font-size: .9em;
}

p {
  font-size: .9em;
  line-height: 1.5em;
  margin-bottom: 0.7em;
  padding: 0;
}

article p, article li {
  line-height:2em;
}

article p {
  margin-bottom:1em;
}

article li:before {
  content: "• " ;
}

hr {
  height:0px;
  width:100%;
  border-bottom:3px solid #fff;
  margin:1em 0;
}

hr.spacer {
  border-bottom:none;
  padding:0.25em 0;
}

ul {
  
}

li {
  
}

a {
  color: #f8f8f8;
  text-decoration: none; 
}

a:visited {
  color: #eee;
  text-decoration: none;
}

a:hover, a:active {
  
}

a.lined, article a {
  border-bottom:1px dotted #eee;
}

a.noline {
  border-bottom:none;
  text-decoration: none;
}

a, .trans {
  -webkit-transition:all 0.5s;
  -moz-transition:all 0.5s;
  -ms-transition:all 0.5s;
  -o-transition:all 0.5s;
  transition:all 0.5s;
}

article a:hover {

}

b {
  font-weight: 500;
  font-style: bold;
}

.small {
  font-size: 0.8em;
}

/* --- HELPER CLASSES --- */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix { 
  zoom: 1; 
}

.full {
  width:100%;
}

.half {
  width:50%;
}

.third {
  width:33.33%;
}

.twothird {
  width:66.66%;
}

.fourth {
  width:25%;
}

.threefourth {
  width:75%;
}

.left {
  float:left;
}

.right {
  float:right;
}

.center {
  margin:0 auto;
}

.tleft {
  text-align: left;
}

.tright {
  text-align: right;
}

.tcenter {
  text-align: center;
}

.noline {
  text-decoration: none;
}

.upper {
  text-transform: uppercase;
}

.button {
  padding:0.5em 1em;
  text-decoration: none;
  letter-spacing: 0.5px;
  font-weight: 400;
}
.button:hover, .button:active {
  text-decoration: none;
  opacity:0.8;
  color:inherit;
}

.pad1 {
  padding:1em;
}

.pad1-0 {
  padding:1em 0;
}

.pad0-1 {
  padding:0 1em;
}

.pad2 {
  padding:2em;
}

.pad2-0 {
  padding:2em 0;
}

.pad0-2 {
  padding:0 2em;
}

.pad2-1 {
  padding:2em 1em;
}

.pad1-2 {
  padding:1em 2em;
}

.mar1 {
  margin:1em;
}

.mar1-0 {
  margin:1em 0;
}

.mar0-1 {
  margin: 0 1em;
}

section.martop {
  margin-top: 3em;
}

.noscroll {
  height:100%;
  overflow:hidden;
}

.bgtan {
  background:#F8F0DA;
}

.bgtanCurly {
	background:url('/images/global/curly-right.png') no-repeat bottom right scroll #F8F0DA;
}

.bgblue {
  background:#1C628F;
}

.vidbg {
  background:url('/images/global/swirl.png') no-repeat top left scroll  #eae2ca;
}

.bgTanDrk {
  background:#eae2ca;
}

.bgTanDrkCurly {
  background:url('/images/global/curly-right.png') no-repeat bottom right scroll #eae2ca;
}

.bgbrown {
  background:#7D614A;
  color:#F8F0DA;
}

.gray {
  color:#555;
}

a.more {
  padding:0.25em 0.5em;
  display: inline-block;
}

.container {
  position:relative;
  overflow: hidden;
}

.container img {
  width:100%;
  height:auto;
}

.boldBlue {
	color:#1C628F;
	font-weight: 600 !important;
}


/********************************************************
CORE
********************************************************/

html, body {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  min-height:800px;
}

#topImages {
  position:absolute;
  left:0;
	width: 100%; 
	height: 1100px !important;
  z-index: -100;
	top:120px;
}

#topImages div {
	width: 100%; 
	height: 1100px !important;
	background-repeat: no-repeat;
	background-size:100%;
}

#topImages {
  position:absolute;
  left:0;
	width: 100%; 
	height: auto;
  z-index: -100;
	top:120px;
}

/*#topImages img {
	width: 100%; 
	height: auto;
}*/

#topImagesMobile {
	display:none;
}

section, header, footer {
  float:left;
  display: inline-block;
  width:100%;
  clear:both;
  position:relative;
}

.wrapper {
  margin:0 auto;
  width:98%;
  max-width:1020px;
  position:relative;
	overflow:hidden;
	clear:both;
}

#content {
  position:absolute;
  top:100%;
  left:0;
  width:100%;
  margin-top:-420px;
  background:url('/images/global/cur-bottom.png') no-repeat scroll top center transparent;
}

.msg-holder {
  position:fixed;
  z-index:500;
  background:rgba(255,255,255,.8);
  left:0;
  top:0;
  width:100%;
  height:100%;
  padding:1em;
	display:none;
}

.msg {  
  position:relative;
  width: 80%;
  min-width: 200px;
  max-width: 900px;
  margin: 0 auto;
  color:#fff;
  background:#7E6049;
  box-shadow:0 0 3px #333;
  padding:1.5em;
  height: 100%;
}

.msg article {
  padding-top:2em;
  overflow: hidden;
  width:100%;
  height:100%;
}

.msg-close {
  position:absolute;
  top:0;
  left:1%;
  width:98%;
  background:#7E6049;
  padding:0.5em 0;
  border-bottom:1px solid #fff;
  box-shadow: 0 2px 2px #7E6049;
  text-align: right;
}

.msg-close:hover {
  cursor: pointer;
}

/********************************************************
HEADER
********************************************************/

header {
  background:url('/images/header/cur-top.png') no-repeat scroll top center transparent;
  height:400px;
  width:100%;
  position:absolute;
  top:75px;
  left:0;
}

.branding {
  margin: 2em 4em;
}

#headerPhone {
	display: none;
	position: absolute;
	left: 2.8em;
	top: 0.4em;
	z-index: 1100 !important;
	font-size: 2em;
}

#headerPhone a {
	color: #1c628f !important;
}

#mobileLogo {
	display: none;
	position: fixed;
	right: 20px;
	top: 10px;
	z-index: 900 !important;
}

#mobileLogo img {
	width: auto;
}

.logo {
  height:120px;
  width:auto;
}

#socialHeader {
  position: absolute;
	top: 13px;
	left: 50px;
}

#socialFooter {
	display:none;
  float: left;
	padding: 10px 0;
}

#socialHeader ul, #socialFooter ul {
  list-style: none;
}

#socialHeader li, #socialFooter li {
  display:inline-block;
	margin: 0 2px;
	padding: 0;
}

#socialHeader li {
  width: 25px;
}

#socialFooter li {
  width: 33px;
}

#socialHeader li img, #socialFooter li img  {
  width: 100%;
	height: auto;
}

/********************************************************
NAV
********************************************************/
#navTop {
	width: 100%;
	height: 75px;
	position:absolute;
	background: #27628e;
}

#mainNav {
	width: 980px;
	margin: 0 auto;
	padding: 28px 0;
	text-align: center;
}

#mainNav ul {
	padding: 0;
}

#mainNav ul li {
	margin: 0 -6px;
	padding: 0 23px;
	display: inline-block;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background: url(/images/global/bullet.png) no-repeat 0px 5px;
}

#mainNav ul li:first-child {
	background:none;
}

#mainNav a:link, #mainNav a:visited {
	font-size: 1em;
	font-weight: 500;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	color: #f8f1da;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

#mainNav a:hover, #mainNav a:active {
	color: #b4cde0;
}

#mainNav ul li.active a {
	color: #b4cde0;
}

.phone {
	font-size: 1em;
	font-weight: 700 !important;
	color: #f8f1da !important;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.dot {
	font-size: .9em;
	font-weight: 500 !important;
	color: #f8f1da !important;
	padding: 0 !important;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}


.slicknav_menu {
	display:none;
}

/********************************************************
CONTENT
********************************************************/

.mainContent {
  position: relative;
	overflow:hidden;
	margin: 1em 0;
	padding: 0;
	width:100%;
}

#info {
  margin-top:250px;
	
}

#info .wrapper {
  margin-top:-110px;
}

.welcome {
  height:50px;
  width:auto;
  display: block;
  margin:0.5em auto;
}

.join {
  height: 40px;
  width:auto;
  display: block;
  margin:1em auto;
}

.join:hover {
  cursor: pointer;
}

.hawaii {
  margin:2em 0;
}

#theForm {
  display: block;
  width:100%;
  padding:0 0.5em;
}

#theForm input, #theForm select, #theForm textarea {
  height: 2.5em;
  background:#fff;
  border:1px solid #1C628F;
  font:inherit;
  font-size: 1em;
  padding:0.5em;
  width:100%;
}

#theForm textarea {
  resize:none;
  height:8em;
}

#theForm select {
  border-radius: 0px;
  -webkit-appearance: none;
  appearance: none;
}

#theForm .half > div {
  padding:0.5em;
} 

#theForm .sub-btn {
  font:inherit;
  background: #1C628F;
  border:none;
  float:right;
  margin:0.5em 0;
  padding:0.5em 1.5em;
  width:auto;
  color:#fff;
  font-weight:400;
}

#theForm .sub-btn:hover {
  cursor: pointer;
  opacity:0.9;
}

a.btn {
  font:inherit;
  background: #1C628F;
  border:none;
  margin:1em 0 !important;
  padding:0.5em 1.5em;
  width:auto;
  color:#fff;
  font-weight:400;
}

a.btn:hover {
  cursor: pointer;
  opacity:0.9;
}

/********************************************************
RESIDENCES
********************************************************/

#levelsNav {
	position:absolute;
	z-index: 20;
}

#levelsNav h2 {
	font-size: 1.2em;
	margin: 0 0 10px 0;
}

#levelsNav ul {
	list-style: none;
}

#levelsNav ul li {
	margin: 0 12px 10px 0;
	display: inline-block;
}

#levelsNav ul li a:link, #levelsNav ul li a:visited {
	display:block;
	width: 190px;
	padding: 10px 0px;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	color: #f8f1da;
	background: #7d614a;
}

#levelsNav ul li a:hover, #levelsNav ul li a:active {
	color: #fff;
	background: #27628e;
}

#levelsNav ul li.active a {
	color: #fff;
	background: #27628e;
}

.buttonActive {
	background: #27628e !important;
}

#levels {
	position:relative;
	height: 1000px;
}

.level {
	position:absolute;
	width: 100%;
	overflow:hidden;
	text-align:center;
}

.level img {
	width: 100%;
	height:auto;
}

.levelImg {
	display: block;
}

.levelImgRes {
	display: none;
}

.planNavItem {
	width: 24%;
	padding:10px;
	margin-top: 30px;
	display:inline-block;
	font-weight:400;
	border-right: #988270 1px solid;
}

.planNavItem h2 {
	font-size: 1.4em;
	font-weight: 700;
}

.planNavItem p {
	font-size: .9em;
}

.planNavItem a:link, .planNavItem a:visited {
	display:block;
	width: 185px;
	padding: 10px 37px 10px 15px;
	margin: 20px auto;
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: url(/images/residences/arrow-down.png) 155px 12px no-repeat #99b6cb;
}

.planNavItem a:hover {
	color: #fff;
	background: url(/images/residences/arrow-down.png) 155px 12px no-repeat #27628e;
}


#plans {
	position:relative;
	height: 1100px;
}

.plan {
	position:absolute;
	width: 100%;
	overflow:hidden;
	text-align:center;
}

.plan img {
	width: 100%;
	height:auto;
	margin-top: 135px;
}

.planImg {
	display: block;
}

.planImgRes {
	display: none;
}

a:link.backButton, a:visited.backButton {
	position:absolute;
	z-index:30;
	right: 20px;
	top: 35px;
	display:block;
	width: 185px;
	padding: 10px 15px 10px 37px;
	font-size: 1.1em;
	font-weight: 600;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background: url(/images/residences/arrow-up.png) 10px 12px no-repeat #99b6cb;
}

a:hover.backButton {
	color: #fff;
	background: url(/images/residences/arrow-up.png) 10px 12px no-repeat #27628e;
}

a:link.ifloorBtn, a:visited.ifloorBtn {
	position:absolute;
	z-index:30;
	right: 20px;
	top: 87px;
	display:block;
	width: 185px;
	padding: 7px 0px 0px 7px;
	text-decoration: none;
	color: #fff;
	background: #99b6cb;
}

a:hover.ifloorBtn {
	color: #fff;
	background: #8dafc9;
}

.planDesc {
	position:absolute;
	top:45px;
	text-align:left;
}

.planDesc h2 {
	font-family: brush-tipTerrence;
	font-size: 2.2em;
	font-weight: 500;
}

.planDesc p {
	font-size: 1.1em;
	font-weight: 500;
}

/********************************************************
VIDEO
********************************************************/

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin: 5em 0px;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

/********************************************************
FEATURES
********************************************************/

.feature {
  float: left;
	width: 100%;
  padding: 3em 2em;
}

#featDesc {
	width: 40%;
	float:left;
}

.feature p {
	line-height: 2em;
}

.feature img {
  float: right;
	width: 57%;
	height: auto;
}

/********************************************************
EXPLORE
********************************************************/

#exploreIntro {
  float: left;
	width: 100%;
  padding: 2em 0;
}

#exploreIntro p {
	float:left;
  width: 55%; 
	font-size: 1em;
	line-height: 1.9em;
}

#exploreImages {
	float:right;
  width: 40%; 
	height: auto;
}

#exploreImages img {
  width: 100%; 
	height: auto;
}

/********************************************************
CONTACT
********************************************************/

#contactInfo {
  float: left;
	width: 480px;
}

#contactInfo p {
	font-size: 1.1em;
	line-height: 1.7em;
	margin: 2em 0;
}

#contactMap {
	float:right;
  width: 460px; 
	height: 420px;
	position:relative;
}

#gmap {
	position: relative;
	width: 460px;
	height: 360px;
	overflow: hidden;
}

#gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#directions {
	position: absolute;
	width: 460px;
	height: 140px;
	padding: 45px 15px 0 15px;
	bottom: 0px;
	background: url(/images/contact/directions-bg.png) no-repeat;
}

#directions h4 {
	color: #F8F0DA;
	margin: 0 0 17px 0;
}

#saddr {
	width: 75%;
	height: 30px;
	float: left;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
	font-size: .8em;
	padding: 0;
	margin: 0;
	border: 0;
	border: 1px solid #2a363d;
	text-indent: 15px;
}

#google-btn {
	width: 18%;
	height: 30px;
	float: right;
	font-size: .7em;
	text-align: center;
	background-color: #5c4736;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 0;
	border: 0;
	-webkit-transition:all .5s;
       -moz-transition:all .5s;
        -ms-transition:all .5s;
         -o-transition:all .5s;
            transition:all .5s; 
}

#google-btn:hover {
	background-color: #433427;
	cursor: pointer;
}

/********************************************************
FOOTER
********************************************************/

/*  padding:45px 0 20px 0;
  font-size:0.9em;
	color:#F8F0DA;
}*/

footer {
  position:relative;
  margin-bottom: 0px;
	padding:45px 0 20px 0;
  font-size:0.9em;
	color:#F8F0DA;
	overflow:hidden;
}

footer .wrapper {
  padding:1em 0;
  position:relative;
	overflow:hidden;
}

.footerBG {
	background:url('/images/footer/footer-bg.png') repeat-x scroll center 10px #7D614A;
}

.lineleft {
  border-left:1px solid #F8F0DA;
}

.lineright {
  border-right:1px solid #F8F0DA;
}

footer a:link, footer a:visited {
  text-decoration: underline;
  color:#F8F0DA;
}

footer p {
  margin: .5em 0 1em 0;
}

img.eh {
  height:1em;
  width:auto;
  margin-bottom: -0.125em;
  margin-right:0.5em;
}

/********************************************************
RESPONSIVE
********************************************************/

@media only screen and (max-width:980px) {
	
	#mainNav {
		width: 100%;
		margin:0;
	}
		
	#mainNav ul {
		width: 100%;
		margin:0;
	}
	
	#mainNav ul li {
		margin: 0 -9px;
		padding: 0 17px;
		zoom: 0.92;
    -moz-transform: scale(0.92);
	}
	
	.ifloorBtn {
		display: none !important;
	}
	
	.level {
		top: 80px;
	}
	
	.levelImg {
		display: none !important;
	}
	
	.levelImgRes {
		display: block !important;
	}
	
	#plans {
		height: 1600px;
	}
	
	.planImg {
		display: none !important;
	}
	
	.planImgRes {
		display: block !important;
	}
	
	#plans {
		height: 1650px;
	}
	
	.planNavItem a:link, .planNavItem a:visited {
		width: 90%;
		padding: 10px;
		font-size: 1em;
		line-height:1.2em;
		text-align: center;
		background-image:none;
	}
	
	
}

@media only screen and (max-width:850px) {
	
	#mainNav ul li {
		margin: 0 -9px;
		padding: 0 15px;
		zoom: 0.92;
    -moz-transform: scale(0.92);
	}
	
	#plans {
		height: 1420px;
	}
	
	#levels {
		height: 940px;
	}
	

}


@media only screen and (max-width:800px) {
	
	header {
		height:140px;
		position:fixed;
		z-index:501;
 	 	background:url('/images/header/cur-top-mobile.png') no-repeat top left transparent;
		top:0px;
	}
	
	.slicknav_menu li.phone {
		display:none;
	}
	
  .slicknav_menu {
		width: 100%;
		display:block;
		position: absolute;
		z-index: 100;
		right: 0px;
		top: 0px;
		background: none;
		padding: 5px;
	}	
	
	#headerPhone {
		display: block;
		position:fixed;
	}
	
	#mobileLogo {
		display: block;
	}
	
	#mobileLogo img {
		height:62px;
	}
	
	.logo {
    display:none;
  }
	
	#content {
    position:relative;
		background:#F8F0DA;
		float:left;
		margin:0;
		font-size: 90%;
		font-weight: 500;
  }

	.wrapper {
		width:91%;
		padding: 0;
		position:relative;
	}
	
	#info {
		float:left;
		margin: 1.2em auto;
	}
	
	#info .wrapper {
		margin-top:0px;
	}

	#socialHeader {
		display:none;
	}
	
	#socialFooter {
		display:block;
	}
	
	#topImages {
		display: none;
	}
	
	#topImagesMobile {
		z-index: 1;
		display: block;
		float:left;
		margin:0;
		width: 100%; 
		height: auto !important;
	}
	
	#topImagesMobile img {
		max-width:100%; 
		max-height:100%;
	}
	
	
	#navTop {
		display:none;
	}
	
	
	#headerPhone {
		display: block;
	}
	
	.branding {
		margin: 1.5em .5em 0 0;
	}

  #mainNav {
		display:none;
	}

	#content {
		top:300px;
	}
  
  .third, .twothird, .fourth, .threefourth {
    width:100%;
  }

  .lineleft, .lineright {
    border:none;
  }
	
	#exploreIntro {
		padding: 1em 0;
	}
	
	#exploreIntro p {
		width: 100%; 
		font-size: .95em;
		line-height: 1.7em;
	}
	
	#exploreImages {
		display:none;
	}
	
	#levelsNav ul li {
		margin: 0 5px 10px 0;
	}
	
	#levelsNav ul li a:link, #levelsNav ul li a:visited {
		display:block;
		width: auto;
		padding: 10px;
		font-size: 1.1em;
	}
	
	#levels {
		height: 850px;
	}
	
	a:link.backButton, a:visited.backButton {
		width: auto;
		padding: 10px 15px 10px 37px;
		font-size: 1.1em;
		font-weight: 600;
		text-align: center;
		right: 0;
	}
	
	#featDesc {
		width: 90%;
	}
	
	.feature p {
		line-height: 2em;
		margin: 0 0 8px 0;
	}
	
	.feature img {
		float: left;
		width: 100%;
	}


}

@media only screen and (max-width:600px) {
	
	#mobileLogo img {
		height:55px;
	}
	
	
	.branding {
		margin: 1em 0 0 0;
	}

  .half {
    width:100%;
  }

  #theForm .half > .half {
    width:50%;
  }


  .welcome, .join, .hawaii {
    max-width:80%;
    margin:0 auto;
    display: block;
    height:auto;
  }

  .copyright a {
    line-height: 2em;
  }
	
	#plans {
		height: 980px;
	}
	
	#levels {
		height: 770px;
	}
	
	.planNavItem a:link, .planNavItem a:visited {
		font-size: 1em;
	}
	
	.planNavItem h2 {
		font-size: 1.2em;
	}
	
	.planNavItem p {
		font-size: .8em;
	}

}

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

  body {
    font-size: 0.9em;
  }
	
  #mobileLogo img {
		height:50px;
	}

  .msg h2 {
    font-size:1.1em;
  }
	
	#plans {
		height: 850px;
	}
	
	#levels {
		height: 660px;
	}
	
	.planNavItem a:link, .planNavItem a:visited {
		font-size: .85em;
		padding: 3px;
	}
	
	.planNavItem h2 {
		font-size: 1.1em;
	}
	
	.planNavItem p {
		font-size: .65em;
	}

}

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

  #mobileLogo img {
		height:44px;
	}


}

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

  #mobileLogo img {
		height:38px;
	}


}