/* 
  -----------------------------------
  based on quick columns
  -----------------------------------
*/




div.clear { height:0px; line-height:0px; clear:both}



/*Utility Rules*/
/*Make images scalable*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
}



/*Sample Rule to set background color, radius, and shadow*/
/*.prettify-sample-orange {
	background-color: #FF5328;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}
.prettify-sample-blue {
	background-color: #567DA9;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}
.prettify-sample-white {
	background-color: #FFF;
	border-radius: 5px;
	color: #000;
}
.prettify-sample-keylined {
	border: 1px solid #000;
}
.prettify-sample-wrapper {
	background-color: #333;
	padding: 20px;
	border-radius: 5px;
	color: #FFF;
	box-shadow: 0px 0px 30px #000;
}

*/



.tagline {
	
	background-image:url(../p7affinity/img/logo-top-zen-rest-2.png);
	height: 50px;
	background-repeat: no-repeat;
	width: 306px;
}

.phone {
	display: none;
	float:right;
	/*clear: both;*/
	
	
}

/*.white-number {color: #009933}*/

.phone h5 {
	color:#FFF;
	margin:0;
	vertical-align: top;
	padding-right:10px;
	font-size:1em !important;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
	font-family:'Dosis', 'Dosis_ios', sans-serif;
	font-weight:500!important;

	
}



.phone h4 {
	/*color:#FFF;*/
	color:#33CC00;
	margin:0;
	vertical-align: top;
	padding-right:10px;
	font-size:1.6em !important;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
	font-family:'Dosis', 'Dosis_ios', sans-serif;
	font-weight:500!important;
	line-height:normal;
	/*text-transform:normal !important;*/
	
}

.phone h4 span {
color:#FFF;
/*text-transform:normal !important;*/
}

.phone h4 a {
	text-decoration:none;
	color:#33CC00
}






/*MEDIA QUERIES*/
/*
For media queries to work correctly in 
mobile devices, you must add this viewport meta tag to your page:
<meta name="viewport" content="width=device-width">
(place the query in the head region)
*/


/*SMARTPHONE AND NARROW WINDOWS (LESS THAN 700PX WIDE)*/
@media only screen and (min-width: 0px) and (max-width: 700px) {

  
.tagline {
	display: none;
	}

.phone {
	display: none;
	/*display:block;
	float:left;
    vertical-align: middle;
	clear: both;*/
	
}


.phone h5 {
	color:#FFF;
	margin:0;
	vertical-align: top;
	padding-left:10px;
	padding-top:7px;
	padding-right:10px;
	font-size:1em !important;
	
}


.phone h4 {
	padding-left:10px;
	padding-top: 5px;
	padding-bottom:10px;
	margin:0;
	font-size:1.5em !important;
	color:#339900;
}

.phone h4 a {
	/*text-decoration:none;*/
	color:#33CC00
	
}

.phone h4 span {
color:#FFF;
font-size:1em !important;
/*text-transform:normal !important;*/
}

}

/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {

/*.tagline {
	display: none;

}

.phone {
	display:block;
	float:left;
	clear: both;
	
}


.phone h4 {
	padding-left:10px;
	padding-top: 5px;
	font-size:2em !important;
	margin:0;
}*/
}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.tagline {
	
	background-image:url(../p7affinity/img/logo-top-zen-rest-3.png);
	height: 50px;
	background-repeat: no-repeat;
	width: 306px;
}





.phone {
	display:none;
	float:right;
	vertical-align: top !important;
	/*clear: both;*/
	
}

.phone h5 {
	display:none !important;
	
}


.phone h4 {
	padding-left:0px;
	padding-top: 0px;
	margin:0;
	font-size:1.6em !important;
	vertical-align: top !important;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
}

.phone h4 a {
	text-decoration:none;
	color:#33CC00
}

}

/*Landscape Tablet ONLY. Use this query to add rules for tablets in Landscape orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/*.tagline {
	
	background-image:url(../p7affinity/img/logo-top-zen-rest-3.png);
	height: 50px;
	background-repeat: no-repeat;
	width: 306px;
}



*/

.phone {
	display:none;
	float:right;
	vertical-align: top !important;
	/*clear: both;*/
	
}

.phone h5 {
	display:none !important;
	
}


.phone h4 {
	padding-left:0px;
	padding-top: 0px;
	margin:0;
	font-size:1.3em !important;
	vertical-align: top !important;
	text-shadow: 3px 3px 3px rgba(0,0,0,.85);
}

.phone h4 a {
	text-decoration:none;
	color:#33CC00
}

}