/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1024px) {
.intro {
	height:25.750em;
	
}
.suite {
	height: 19em;


}

}
@media only screen and (max-width: 840px), only screen and (min-width: 768px) and (max-width: 1023px) {
.intro {
	/*font-size: 1.3em;*/
	height: 21.750em;
}
.suite {
	
	height: 17em;
	
	
}
#banner {
	padding-top: 0em;
	padding-right: 0.938em;
	padding-bottom: 0em;
	padding-left: 0.938em;
	text-align: center;
	
}


}
@media only screen and (max-width: 768px), only screen and (max-device-width: 480px), only screen and (max-width: 768px) {
#banner {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
#container {
	padding-top: 0em;
	padding-bottom: 0em;	
}
#container .pageHome, #container .pageSuite {
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
.intro {
	/*font-size: 1.2em;*/
	height: 17em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
.suite{
	/*font-size: 1.2em;*/
	height: 15em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;	
}

}
@media only screen and (max-width: 480px), only screen and (max-device-width: 320px), only screen and (max-width: 480px) {
#container .pageHome, #container .pageSuite { 
    padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
.intro {
	/*font-size: 0.9em;*/
	height: 14em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
.suite{
	height: 14em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
}
@media only screen and (max-width: 320px), only screen and (max-device-width: 240px), only screen and (max-width: 320px) {
#container .pageHome, #container .pageSuite { 
    padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}
.intro {
	/*font-size: 0.9em;*/
	height: 12em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
.suite{
	height: 12em;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
}