html {max-width:100%;  margin:0;}
img {max-width:100%;height:auto;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
@font-face { 
font-family:"Pump Demi Bold LET";
src:url('Raleway/Raleway-Medium.ttf') format('truetype'); 
font-weight:normal; 
font-style:normal;
}
body {
/*	font-family:Verdana, Arial, Helvetica, sans-serif; */
font-family:'Raleway', sans-serif;
background-color:#ffffff;
color:#000000;
font-size:100%;
z-index:0;
width:100%;
margin:0 auto;
}
.headerImageHome{
position:relative;
max-width:100%;
display:block;
margin-top: -100px; 

}
img.headerImageHome{
max-width:100%;

}
.headerImage, .headerImageText{
position:relative;
max-width:100%;
display:block;
margin: 0em 0em 0em 0em;
}
img.headerImage{min-width:100%;}
.container{

display:block;

max-height:100px;
}
#headingHome, #heading{
position:absolute;
width:60%;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
margin-left: 20%;
margin-right: 20%;
text-align: center;
margin-top: 3%;
}
.tileHeader{
position:relative; 
background-color:#000000;
height:100px;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
border-color:#CCCCCC;
color:#FFFFFF;
text-align:center; /* Legacy support*/
-ms-flex-pack:center;
        -webkit-box-pack:center;
        justify-content:center;
font-size:2.5rem;
margin: 1em 0em 0em 0em;
}
.scheduleHomePage{
position:relative;
max-width:1170px;
margin-left:auto;
margin-right:auto;
display:block;
max-height:1410px;
}
.schedule{
position:relative;
max-width:1170px;
margin-left:auto;
margin-right:auto;
display:block;
}
.schedulePolicy{
position:relative;
margin-left:auto;
margin-right:auto;
display:block;
text-align:justify;
}
.webSitePolicy, .compName{
position:relative;
font-size:2em;
text-align:center;
max-width:100%;
}
.compName{font-size:1.5em;}
.subSchedule{
position:relative;
width:1170px;
margin-left:auto;
margin-right:auto;
display:block;
}
P.statement{text-align:	justify;}
.welcome{
position:relative;
height:100%;
background-color:#FFFFFF;
display:block;
text-align:center;
font-size:16px;
color:#000000;
max-width:100%;
padding:2%;
padding-left:13.4375%;
padding-right:13.4375%;
line-height:170%;
}
.headerImageText{
position:relative;
color:#14C8F6;
text-align:center;
font-size:2.5em;
display:block;
vertical-align:middle;
z-index:90;
text-transform:uppercase;
padding: 1em 0em 1em 0em;
background-color:#ffcc66;

}
.headContainer {background-color: #ffffff;}
.textHeadingHome{
position:absolute;
color:#000000;
text-align:center;
font-size:250%;
display:block;
vertical-align:middle;
z-index:90;
text-transform:uppercase;
}
#textHeadingText{
position:relative;
display:block;
z-index:80;
width:118px;
}
#textHeading{
position:relative;
display:block;
z-index:91;
width:100%;
top:0px;
font-size: 4em;
color: #ffcc66;

}
#strapline{
position:relative;
display:-ms-flexbox;
display:block;
color:#FFFFFF;
top:120px;
line-height:90%;
font-size:270%;
width:41%;
font-weight:900;
padding-left:5px;
text-transform:uppercase;
z-index:50;
}
.tileContainerPort{
position:relative;
width:590px;
height:860px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
text-transform:uppercase;
}
img.tileContainerPort, img.tileContainerLand{margin:0px;}
.tileContainerLand{
position:relative;
width:540px;
height:420px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
background-color:#e8385b;
}
.tileContainerLand2{
position:relative;
width:590px;
height:420px;
float:left;
padding:0px;
margin:10px;
background-color:#00629b;
}
.tileContainerTreble{
position:relative;
width:1150px;
height:450px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
}
.tileDef1, .tileDef2, .tileDef3, .tileDef4, .tileDef5, .tileDef6 {
display:block;
position:relative;
max-width:370px;
max-height:450px;
border:none;
margin-left: auto;
margin-right: auto;
}

.tileContainerDouble{
position:relative;
width:760px;
height:450px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
}
.tileContainer,.tileContainerMem{
position:relative;
width:370px;
height:450px;
float:left;
padding:0px;
margin:10px 10px 10px 10px;
}
.tileDef1:hover::after, .tileDef2:hover::after, .tileDef3:hover::after, .tileDef4:hover::after, .tileDef5:hover::after, .tileDef6:hover::after, .tileDoubleAp:hover::after, .tileDoubleRm:hover::after {
display:block;
position:absolute;
opacity:0;
}
.tileDouble:hover::after {
display:block;
position:absolute;
opacity:0;

}
img.tileDouble {height:450px;}

.tileDef1::after, .tileDef2::after, .tileDef3::after, .tileDef4::after, .tileDef5::after, .tileDef6::after {
content:'';
top:0;
left:0;
z-index:10;
width:370px;
height:450px;
display:block;
position:absolute;
opacity:0.6;
}
.tileDoubleAp::after, .tileDoubleRm::after {
content:'';
top:0;
left:0;
z-index:10;
width:760px;
height:450px;
display:block;
position:absolute;
opacity:0.6;
margin-top:0px;
}

.tileDoubleAp::after {background:rgb(255,204,102); }
.tileDoubleRm::after {background:rgb(72,178,168);}
.tileDef1::after {background:rgb(255,51,51); }
.tileDef2::after {background:rgb(130,105,186);}
.tileDef3::after {background:rgb(3,3,3);}
.tileDef4::after {background:rgb(162,97,189);}
.tileDef5::after {background:rgb(128,128,128);}
.tileDef6::after {background:rgb(128,128,128);}

.tileLink{
position:relative;
display:block;
width:370px;
height:450px;
float:left;


}
.bgApartment{
background-image:url('../../data/im/rotherhithe%20waterside%20apartment%20landscape.jpg');
background-repeat:no-repeat;
background-position:center;
padding:0px;
}
.bgApartment::after {
content:'';
background:rgb(162,97,189);
}

.bgRoom{
background-image:url('../../data/im/rotherhithe%20waterside%20studio%20landscape.jpg');
background-repeat:no-repeat;
background-position:center;
padding:0px;
}


.tileLinkDouble{
position:relative;
display:block;
width:760px;
height:450px;
float:left;



}
a.tileLink:link, a.tileLinkDouble:link 	     {color:#000000; text-decoration:none; border-color:none; }
a.tileLink:visited, a.tileLinkDouble:visited {color:#000000; text-decoration:none; border-color:none; }
a.tileLink:hover, a.tileLinkDouble:hover 	 {color:#000000; text-decoration:none; border-color:none; }

.desc{
position:absolute;
top:190px;
width: 100%;
margin: 0% 10% 0% 10%;
margin-left:auto;
margin-right:auto;
height:64px;
text-align:center;
color:#FFFFFF;
z-index:99;

font-size:200%;
text-transform:uppercase;
}
.desc:hover{font-size:190%; color:#222222;}
.tileDefMemb, .tileDefMembDouble, .tileDefMembTreble{
top:0;
left:0;
z-index:10;
display:block;
position:absolute;
}
.tileDefMemb{    
max-width:370px;
max-height:450px;
}
.tileDefMembTreble{
width:1150px;
height:450px;
}
.imgOpac {
display:block;
position:relative;
width:370px;
height:450px;
}
.imgOpac::after{
content:'';
top:0;
left:0;
z-index:10;
width:370px;
height:450px;
display:block;
position:absolute;
background:rgb(9,9,9);
opacity:0.6;
}
.imgOpacDouble {
display:block;
position:relative;
width:760px;
height:450px;
}
.imgOpacDouble::after{
content:'';
top:0;
left:0;
z-index:10;
width:760px;
height:450px;
display:block;
position:absolute;
background:rgb(9,9,9);
opacity:0.6;
}
.imgOpacTreble::after {
width:1150px;
height:450px;
}
.tileDefMembDouble{
content:'';
top:0;
left:0;
z-index:10;
width:100%;
height: 100%; 
display:block;
position:absolute;
}
.membershipType{
position:relative;
top:40px;
left:20px;
width:90%;
height:80px;
text-align:left;
color:#FFFFFF;
z-index:12;
border-color:rgb(255,255,255);
font-size:160%;
display:block;
text-transform:uppercase;
}
.membershipTypeGym{
width:70%; 
left:100px;
}
.membershipDesc{
position:relative;
top:80px;
left:20px;
width:90%;
height:150px;
color:#FFFFFF;
z-index:12;
border-color:rgb(255,255,255);
font-size:13px;
display:block;
line-height:170%;
}
.membershipDescGym{
width:70%; 
left:100px;
}
p.membershipDesc{
top:0px;
left:20px;
width:90%;
}
.membershipButton{
position:relative;
left:20px;
top:135px;
width:122px;
height:40px;
text-align:center;
color:#FFFFFF;
z-index:12;
border-color:rgb(255,255,255);
font-size:13px;
display:block;
text-transform:uppercase;
display:block;
margin:6px;
}
a.membershipLink{
position:relative;
top:0px;
left:0px;
height:40px;
padding-top:8px;
text-align:center;
z-index:12;
border-color:rgb(255,255,255);
border-width:thin;
border-style:solid;
display:block;
}
a.membershipLink:link 		{color:white; text-decoration:none; font-size:13px; width:120px; vertical-align:middle; padding-top:12px;}
a.membershipLink:visited 	{color:white; text-decoration:none; font-size:13px; width:120px;}
a.membershipLink:hover 		{color:white; text-decoration:none; font-size:13px; width:120px; background-color:#666666;}
h1 {font-size:larger;color:#000000; text-align:left; text-decoration:none;}
h2 {font-size:large;color:#333333; text-align:left; text-decoration:underline; }
h3 {font-size:medium;color:#666666; text-align:left; text-decoration:none; }
h4 {font-size:small;color:#999999; text-align:left; text-decoration:none;}
h5 {font-size:smaller;color:#bbbbbb; text-align:left; text-decoration:none;}
a.top:link 		{color:blue; 	background-color:#ffffFF;	text-decoration:none; font-weight:bold;padding-bottom:10px; }
a.top:visited 	{color:blue; 	background-color:#ffffFF; 	text-decoration:none; font-weight:bold; }
a.top:hover 	{color:red; 	background-color:#ffffFF; }
.blueBG{
position:relative; 
background-color:#285398; 
height:100px;
display:block;
}
.blueBGTxt{
position:relative;
text-align:center; 
color:#FFFFFF;
padding-top:35px;
display:block;
border-color:#FFFF00;
}
.footerImage{
position:relative;
max-width:100%;
display:block;
}
.socMedContainer{
position:relative;
max-width:1170px;
margin-left:auto;
margin-right:auto;
margin-top:50px;
display:block;
max-height:100%;
}
.tileContainerShort{
position:relative;
width:350px;
height:150px;
float:left;
padding:20px;
margin:0px;
color:#ffffff;
font-size:13px;
}
.centreName{
position:relative;
color:#FFFFFF;
font-weight:bold;
font-size:2em;
}
.shortContent{
font-weight: bold;
height: 100%;
display: block;
-ms-flex-pack: right;
    -webkit-box-pack: right;
        justify-content: right;
}
.shortContentMenu{
position:relative;
display: -ms-flexbox;
display: -webkit-box;
display: flex;
-ms-flex-pack:center;
    -webkit-box-pack:center;
        justify-content:center;

font-weight: bold;
height: 100%;

}



.socialMedia{
height: 50px;
}
.socialMediaFooter{
float:right;
background-color:#000000;
}
.fbIcon{
background-image:url("../im/Facebook Normal 40.png");
border-color:#000000;
border-style:solid;
border-width:thin;
background-color:#000000;
}
.fbIcon:hover{
background-image:url("../im/Facebook Hover 40.png");
border-color:#000000;
background-color:#000000;
}
.GPIcon{
background-image:url("../im/Google Plus Normal 40.png");
border-color:#000000;
border-style:solid;
border-width:thin;
background-color:#000000;
}
.GPIcon:hover{
background-image:url("../im/Google Plus Hover 40.png");
border-color:#000000;
background-color:#000000;
}
.TwitterIcon{
background-image:url("../im/Twitter Normal 40.png");
border-color:#000000;
border-style:solid;
border-width:thin;
background-color:#000000;
}
.TwitterIcon:hover{
background-image:url("../im/Twitter Hover 40.png");
border-color:#000000;
background-color:#000000;
}
.PPCopyright {
top:52px;
position:relative;
text-align:right;
color:#FFFFFF;
font-size:13px;
height:20px;
clear:right;
}
a.sitePolicy:link {color:#FFFFFF;}
a.sitePolicy:visited {color:#FFFFFF;}
a.sitePolicy:hover {color:#000000; background-color:#FFFFFF;}
.footer{
position:relative;
max-width:100%;
background-color:#000000;	
max-height:100%;
padding-bottom:20px;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
}
.blueLine{
position:relative;
height:20px;
border-top-color:#448BFF; 
border-top-style:solid;
border-top-width:thin;
margin-top:10px;
color:#0000FF;
text-align:left;
width:100px;
z-index:99;
}
.otherGym{
position:relative;
float:left;
margin:10px 10px 20px 10px;
padding:10px;
color:#000000;
font-size:13px;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
max-height:auto;
max-width:1170px;
background-color:#CCCCCC;
}
.otherMem{
position:relative;
float:left;
margin:10px 10px 20px 10px;
padding:10px;
color:#000000;
font-size:13px;
display:block;
height:150px;
width:1150px;
background-color:#CCCCCC;
}
.membershipTypeOther{
position:relative;
max-width:90%;
height:50px;
text-align:left;
z-index:12;
font-size:180%;
display:block;
color:#333333;
text-transform:uppercase;
}
.membershipDescOther{
position:absolute;
width:90%;
text-align:justify;
color:#FFFFFF;
z-index:10;
border-color:rgb(255,255,255);
font-size:13px;
display:block;
}

.gymTypeOther{
position:relative;
width:20%;
height:200px;
display:inline;
float:left;
z-index:12;
text-align:left;
font-weight:900;
font-size:180%;
text-transform:uppercase;
padding:50px 50px 50px 110px;
}
.gymDescOther{
position:relative;
width:50%;
max-height:400px;
display:inline;
float:left;
z-index:12;
text-align:justify;
color:#FFFFFF;
padding:40px 50px 50px 90px;
}
.manProgList{
line-height:200%;
color:#ffffff;
list-style-type:none;
}
.membershipButtonOther{
position:relative;
top:50px;
right:0px;
width:190px;
height:40px;
text-align:center;
color:#FFFFFF;
z-index:12;
border-color:rgb(0,0,0);
font-size:13px;
display:block;
margin-right:20px;
text-transform:uppercase;
display:none;
}
a.membershipLinkOther{
position:relative;
width:190px;
height:30px;
padding-top:7px;
text-align:center;
color:#FFFFFF;
z-index:12;
border-color:rgb(0,0,0);
border-width:thin;
border-style:solid;
font-size:13px;
display:block;
}
a.membershipLinkOther:link 		{color:black; text-decoration:none; font-size:13px; width:120px;}
a.membershipLinkOther:visited 	{color:black; text-decoration:none; font-size:13px; width:120px;}
a.membershipLinkOther:hover 	{color:white; text-decoration:none; font-size:13px; width:120px;}
.pageSummary{
position:relative;
height:510px;
}
.pageSummaryLeft{
position:relative;
width:50%;
background-color:#448BFF;
height:100%;
float:left;
}
.pageSummaryRight{
position:relative;
width:50%;
height:100%;
float:right;
top:115px;
}
.summaryRight{
width:65%;
margin-left:auto;
margin-right:auto;
color:#333333;
text-align:left;
margin-bottom:40px;
}
.summaryLeftHeading{
color:#FFFFFF;
text-transform:uppercase;
font-size:30px;
z-index:99;
padding-left:160px;
padding-top:100px;
}
.summaryLeft{
color:#FFFFFF;
width:70%;
text-align:left;
margin-bottom:40px;
padding-left:160px;
}
.classTileDef1, .classTileDef2, .classTileDef3, .classTileDef4, .classTileDef5, .classTileDef6 {
display:block;
position:absolute;
}
.classTileDef2, .classTileDef5 {}
.classTileDef1:hover::after, .classTileDef2:hover::after, .classTileDef3:hover::after, .classTileDef4:hover::after, .classTileDef5:hover::after, .classTileDef6:hover::after {
content:' ';
display:block;
position:absolute;
white-space:nowrap;
}
.classTileDef1::after, .classTileDef2::after, .classTileDef3::after, .classTileDef4::after, .classTileDef5::after, .classTileDef6::after {
content:' ';
white-space:nowrap;
top:0;
left:0;
z-index:10;
width:370px;
height:450px;
display:block;
position:absolute;
}
.classDescTitle{
position:relative;
width:90%;
margin:0% 5% 0% 5%;
height:64px;
text-align:left;
color:#ff0000;
z-index:12;
border-color:rgb(255,255,255);
font-size:150%;
text-transform:uppercase;
}
.classDesc{
position:absolute;
width:80%;
text-align:left;
margin:0% 5% 0% 5%;
color:#ff0000;
z-index:10;
border-color:rgb(255,255,255);
display:block;
}
#containerBox{
position:fixed;
width:10px;
height:10px;
left:120px;
top:84px;
visibility:visible;
z-index:-2;
}
a.contact:link 		{color:blue; }
a.contact:visited 	{color:yellow; }
a.contact:hover 	{color:#e8385b; background-color:#FFFFFF;}

.tour{
max-width:80%;
max-height:600px;
margin: 2em 0em 2em 0em;
margin-left: auto;
margin-right: auto;
display:-ms-flexbox;
display:-webkit-box;
display:flex;
-ms-flex-line-pack: center;
align-content: center;
}



@media only screen and (min-width:1399px){img.headerImageHome{width:100%;}}


/* The following lines is for visual effect when reducing on the fly*/
@media only screen and (max-width:1190px){
.scheduleHomePage{width:780px; max-height:2820px;} 
.schedule{width:780px;}.tileContainerTreble, .tileDefMembTreble, img.imgOpacTreble, .imgOpacTreble, .imgOpacTreble::after, img.imgOpacTreble::after{width:760px; height:450px;}
.otherMem{width:760px;}
.tileContainerShort{max-width:340px;}
#textHeading{font-size: 3em;}
.headerImageText{font-size:2em;}

}
@media only screen and (max-width:1024px) {
#strapline{font-size:112%; width:17.45%;padding-left:25px;top:95px;}
.scheduleHomePage{max-width:780px; max-height:2820px;}
.schedule{max-width:780px; }
.socMedContainer{max-width:780px;}
.tileContainerShort{max-width:240px; padding:0px;margin:5px;font-size:13px;}
.tileContainer{width:370px;margin:10px 10px 10px 10px;}
.otherMem{margin:10px 10px 20px 10px;padding:10px;width:370px; height:450px;}
.membershipDescOther{max-width:90%;}
#textHeading{font-size: 2.5em;}
.headerImageText{font-size:1.5em;}
.tileContainerTreble, .tileDefMembTreble, img.imgOpacTreble, .imgOpacTreble, .imgOpacTreble::after, img.imgOpacTreble::after{width:370px; height:450px; }
.tileContainerDouble, .tileDefMembDouble, img.imgOpacDouble, .imgOpacDouble, .imgOpacDouble::after, img.imgOpacDouble::after, .tileDoubleAp::after, .tileDoubleRm::after {width:370px; height:450px;}
.tileContainerPort, .tileContainerLand2, .tileContainerLand{max-width:540px;}
.otherGym{min-width:540px; padding:0px;}
.gymTypeOther {padding:20px 50px 50px 20px;}
.gymDescOther {padding: 0px 20px 10px 50px;}
.manProgList {line-height: 150%;list-style-type:disc;}
.tileContainerShort{width:300px;}
.tileDouble::after {
    width: 370px;
    height: 450px;
    margin-top: 0px;
}
.tileLinkDouble {
    width: 370px;
    height: 450px;
}
img.tileDouble {padding-left:67px;height: 450px;}

.bgApartment{
background-image:url('../../data/im/rotherhithe%20waterside%20apartment%20portrait.jpg');
}
.bgRoom{
background-image:url('../../data/im/rotherhithe%20waterside%20studio%20portrait.jpg');
}

.tour{
max-width:100%;

}

}

/* The following line(s) is for visual effect when reducing on the fly*/
@media only screen and (max-width:792px) {.scheduleHomePage{width:370px; max-height:2820px;} }

@media only screen and (max-width:771px) {
#strapline{font-size:112%; width:17.45%;}
.headerTitle{font-size:130%;}
.smBox1, .smBox2{padding:6px 0px 0px 0px;}
.stripIp05{-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;}
.tileContainer,.tileContainerMem{width:370px;height:28.125em; -ms-flex-item-align:center; -ms-grid-row-align:center; -webkit-align-self:center; align-self:center;}
.scheduleHomePage{max-width:370px; max-height:2820px;}
.schedule{max-width:370px; }
.tileContainerDouble, .tileLinkDouble{width:370px; height:450px; }
.socMedContainer{max-width:370px;}
.tileContainerShort{max-width:240px; padding:0px;margin:5px;font-size:13px;}
.otherMem{margin:10px 10px 20px 10px;padding:10px;width:370px; height:200px;}
.membershipDescOther{max-width:90%;}
.headerImageText{font-size:1em; margin: 0em 0em 0em 0em; padding: 1em 0em 1em 0em;}
.tileContainerShort{width:100%;}
#textHeading {font-size: 2em;}
#headingHome, #heading {margin-top: -3%;}
.centreName {font-size: 1.5em;}
}

@media only screen and (max-width:600px) {
#strapline{display:none;position:absolute;top:110px;left:2px;line-height:90%;font-size:80%;width:7.45%;}
.tileDef1::after, .tileDef2::after, .tileDef3::after, .tileDef4::after, .tileDef5::after, .tileDef6::after, .tileDoubleAp::after, .tileDoubleRm::after {max-width:185px; max-height:225px;}
.tileDef1, .tileDef2, .tileDef3, .tileDef4, .tileDef5, .tileDef6, .tileLink, .tileDefMemb, .imgOpac{max-width:185px; max-height:225px;}
.tileContainer, .tileContainerMem, .imgOpac::after{max-width:185px; max-height:225px; }
.socMedContainer{max-width:185px;}
.desc{top:95px;	width:100%; height:64px; font-size:100%;}
.desc:hover{font-size:130%; color:#222222;}
.welcome{font-size:14px; line-height:170%;}
.tileContainerShort{width:185px; max-height:225px; margin:5px;}
.membershipDescOther{max-width:90%;}
.membershipType{top:15px;left:20px;width:80%;font-size:90%;height: 60px;}
.membershipDesc{top:10px;left:20px;width:85%;height:150px;font-size:8px;}
.otherMem{max-width:185px; height:255px;}
.membershipTypeOther{font-size:100%;}
.headerImageText{font-size:1em;margin: 0em 0em 0em 0em;}
.tileContainerTreble, .tileDefMembTreble, img.imgOpacTreble, .imgOpacTreble, .imgOpacTreble::after, img.imgOpacTreble::after, .tileLinkDouble, .tileDoubleAp, .tileDoubleRm{max-width:185px; height:225px;  }
.tileContainerDouble, .tileDefMembDouble, img.imgOpacDouble, .imgOpacDouble, .imgOpacDouble::after, img.imgOpacDouble::after {max-width:185px; height:225px; }
p.membershipDesc{left: 0px; margin-top: -5px; width:95%;}
.membershipButton{position:absolute;left:20px;top:170px;}
.tileContainerLand2, .otherGym{max-width:100%;}
.tileContainerPort{max-width:100%;}
.otherGym{max-width:100%; max-height:560px; padding:0px;}
.gymTypeOther {padding:20px 10px 20px 10px; font-size:120%; width:40%}
.gymDescOther {padding: 10px 10px 10px 0px; width:60%;}
.manProgList {line-height: 120%;list-style-type:disc;}
.membershipTypeGym, .membershipDescGym{left:20px; width:85%;}
.tileContainerLand{max-width:100%;}
.gymDescOther {max-height:560px;}

.schedule{max-width:185px;}
.scheduleHomePage{max-width:185px; max-height:595px;}
.tileContainerShort{width:100%; justify-self:center;}
.bgApartment{background-image:url('../../data/im/rotherhithe%20waterside%20apartment%20portrait%20small.jpg');}
.bgRoom{background-image:url('../../data/im/rotherhithe%20waterside%20studio%20portrait%20small.jpg');}
#textHeading {font-size: 1.8em;}
#headingHome, #heading {margin-top: -10%; width: 100%; margin-left: 0%;margin-right: 0%;}
}
/* The following lines is for visual effect when reducing on the fly*/
@media only screen and (max-width:400px) {
h2 {font-size: small;}
#headingHome, #heading {margin-top: -20%; width: 100%; margin-left: 0%;margin-right: 0%;}
#textHeading {font-size: 1.2em;}


}