@import "normalize.css";
@import "skeleton.css";

body {		
	color: #424b54;	
	-webkit-font-smoothing: antialiased; 
	-webkit-text-size-adjust: 100%;
	overflow-x: hidden;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;	
}
/*font size: html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So 1.5rem = 15px :) body font-size is set to 1.5em*/
/* heading styles over-riding skeleton */
h1 { font-family: 'Nunito', sans-serif; font-size: 2.5em; color:#6c7a89; font-weight: 400; line-height:1.0; margin: 0; padding: 1em 2% .5em;}
h2 { font-size: 1.5em; color:#e8330f; font-weight: 400;  margin-top: 1em;  }
h3 { font-family: 'Kalam', cursive; font-size: 1.5em; color:#ff6c00; font-weight: 400; margin: 0; padding: 1em 2%;}

p { margin: 0 0 1.5em 0; }
em { font-style: italic; }
strong { font-weight: bold;}
img, object, video {max-width: 100%; height: auto; display:block;}
img { max-width: 100%; width: auto; border: 0; -ms-interpolation-mode: bicubic;}
hr { border: solid #ff7a00; border-width: 1px 0 0; clear: both; margin: 30px auto; height: 0; width:80%;}

/* links */
a:link, a:visited { 
	color: #e8330f; 
	text-decoration: none; 
	outline: 0;
}
a:hover, a:active { color: #6c7a89; }

.align-left{text-align: left;}
.align-center{text-align: center;}
.align-right{text-align: right;}
.imageLeft {float: left;	margin: 2%;}
.imageRight {float:right; margin: 2%;}
.imageCenter {margin:0 auto;}

.content {padding: 1em 0;}

.grey {margin:0px; padding:5px; background:#47464b; color:#fff;}
.photoHead {background:#e8330f;  margin:0 auto;}
.photoHead h1 { font-size: 2.5em; color:#fff; text-transform:uppercase;}
.photoHead h1 span {font-size: .5em;}
.photoHead h3 {color:#fff; margin: 0; padding: 0 2% 1.5em 2%;}
.photoDesc h3 {color:#e8330f;}
.photoDesc p {text-align:left; margin:0 2em 1.5em 2em;}
.red {color:#e8330f;}
h2 span {color:#424b54; font-size:70%;}

.physioHead {background:#bf0505; max-width:500px; margin:0 auto;}
.physioHead h1 { font-size: 2.5em; color:#fff; text-transform:uppercase;}
.physioHead h1 span {font-size: .5em;}
.physioHead h3 {color:#fff; margin: 0; padding: 0 2% 1.5em 2%;}
.physioDesc h3 {color:#bf0505;}

.dance img {max-width:50%; display:inline-block;}

.video-container {position: relative; padding-bottom: 56.25%;  padding-top: 35px; height: 0; overflow: hidden; margin-bottom: 3rem; }
.video-container iframe {position: absolute; top:0; left: 0; width: 100%; height: 100%;}



/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
.container {width:100%; padding:0;}
.column, .columns {margin:0;}
.one-third.column  { width: 33.3%; }
.two-thirds.column { width: 66.6%; }
.dance img {max-width:50%; display:inline-block;}


/*media queries*/
@media screen and (max-width: 1040px) {
/* ipad portrait */

  
	
	.content {-webkit-overflow-scrolling : touch;}	
	
	
}


/* mobile devices */
@media only screen and (max-width: 767px) {
.one-third.column  { width: 100%; }
.two-thirds.column { width: 100%; }
.grey {padding: 5px 10px;}
.dance img {max-width:100%; display:block;}
p {margin: 5px 10px;}
.imageLeft {float: none;	margin: 2% auto; max-width:96%;}
.imageRight {float:none; margin: 2% auto; max-width:96%;}
}

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


}