@charset "UTF-8";
/* CSS Document */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0px;padding:0px;border:0px;outline:0px;vertical-align:baseline;}

	a {text-decoration:none;color:inherit;}
	a:hover {color:black;}


div#navigator {width:14vw;position:fixed;right:3%;top:3vw;z-index:10;}
div#navigator img {width:100%;}
div#navigator a {margin:0px;display:block;}

h4 {letter-spacing:2px;height:2.75vw;font-size:1vw;margin-bottom:.3vw;color:white;background:rgba(48,130,158,.8);border-radius:0px 0px 2vw 0px;font-weight:600;text-align:left;padding:1vw }
h4.action {background:#F4A902}
h4:hover {color:white;background-color:rgba(0,0,0,0.6)}

img.logos {width:14vw;position:relative;margin-top:1vw;float:left;clear:right;z-index:30;}
img.logo-after {width:14vw;position:relative;margin-top:.5vw;float:left;clear:right;z-index:30;}


div.page {width:100vw;height:100vh;}

div.first {background:url(links/stone.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:hidden;}
div#first-content {position:absolute;top:4vw;height:80vh;left:4vw;width:75vw;}
div#osteopathy {position:absolute;bottom:-2vw;width:90vw;margin-left:0vw;}
img.osteopathy {width:100%;}
img.first-image {width:40%;float:left;margin-right:1vw;}
  
div.second {color:white;background:rgba(40,40,40,1.00) url(links/stone-rev.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:scroll;}
div#second-content {position:absolute;top:1vw;left:8vw;width:70vw;padding-bottom:15vh;height:auto;}
img.second-image {width:35%;float:right;}
div.second p {color:rgba(255,255,255,0.6)}
  
div.third {background:url(links/stone.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:scroll;}
div#third-content {position:absolute;top:1vw;left:8vw;width:70vw;padding-bottom:15vh;}


div.forth {color:white;background:rgba(40,40,40,1.00) url(links/stone-rev.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:scroll;}
div#forth-content {position:absolute;top:1vw;left:8vw;width:70vw;padding-bottom:15vh;}
div.forth p {color:rgba(255,255,255,0.6)}
  
div.fifth {background:url(links/stone.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:scroll;}
div#fifth-content {position:absolute;top:1vw;left:8vw;width:70vw;padding-bottom:15vh;}
div#fifth-content h1 {text-transform:uppercase;color:rgb(48,130,158)}

div.sixth {color:white;background:rgba(40,40,40,1.00) url(links/stone-rev.jpg) no-repeat center center fixed;background-size: cover;position:relative;overflow:scroll;}
div#sixth-content {position:absolute;top:1vw;left:8vw;width:70vw;padding-bottom:15vh;}

div.sixth p {color:rgba(255,255,255,0.6)}

iframe {width:70vw;height:40vw;margin-top:2vw;}



div.footer {color:white;position:fixed;bottom:0px;left:0px;width:100%;background:rgba(48,130,158,.8);height:65px;}
div.footer p {font-size:1.5vw;text-align:center;margin-top:18px;white-space:pre}
div.footer br {display:none}
span.quals {font-size:1vw;text-transform:uppercase;line-height:100%;margin-top:0vw;}
div.footer a {color:white;}
div.footer a.grey {color:rgba(0,0,0,0.6);}
div.footer a:hover {color:black;}

h1, h2, h3, h4 {font-family: 'Roboto Slab', serif;font-weight:400;}


h1 {font-size:4vw;letter-spacing:2px;margin-top:10%;margin-bottom:1.25vw;color:rgb(48,130,158);line-height:85%}
h2 {font-size:2vw;letter-spacing:2px;margin-top:2vw;margin-bottom:1.25vw;color:rgb(48,130,158);line-height:85%}
h3 {text-transform:uppercase;font-size:2vw;letter-spacing:2px;margin-top:3vw;margin-bottom:1.25vw;color:rgb(48,130,158);line-height:85%}
p {font-family: 'Roboto Slab', serif;font-size:1.5vw;line-height:150%;margin-bottom:1vw;color:rgba(0,0,0,0.6)}
p.quote {font-family: 'PT Serif', serif;font-style:italic;font-size:1.5vw;line-height:150%;color:rgba(48,130,158,.8);}

p.small {font-size:1.5vw;}

ul {list-style-type:square;margin-left:3vw;font-family: 'Roboto Slab', serif;font-weight:400;font-size:1.5vw;line-height:150%;margin-bottom:1vw;color:rgba(0,0,0,0.6)}

h1.benefits {font-size:2.5vw}

img.secondary-logo {width:3vw;float:right;}

img.dean {width:100%;margin-bottom:3vw;margin-top:1.5vw;}



/*ipad*/
@media all and (min-width:1px) and (max-width:1024px) {
	div.first {background:#E2E1E1}
	
	
	div.second {background:rgba(40,40,40,1.00) }
	div.third {background:#E2E1E1 }
	div.forth  {background:rgba(40,40,40,1.00)  }
	div.fifth {background:#E2E1E1}
	div.sixth {background:rgba(40,40,40,1.00)  }
	}

/*vertical*/
@media all and (min-width: 1px) and (max-width: 500px) {
		div#navigator {width:100vw;position:fixed;left:0vw;top:1vw;z-index:10;margin-left:1vw;}
		div#navigator a {margin:0px 1vw 1.75vw 0px;width:32.185vw;height:10vw;display:block;float:left;}
		h4 {letter-spacing:1px;text-align:center;font-size:3vw;margin-top:0vw;padding-top:3vw;height:8vw;line-height:100%;padding-bottom:0vw;}
		h4.two-lines {margin-top:0vw;margin-bottom:2vw;padding-top:2vw;padding-bottom:1vw}
	img.first-image {width:60vw;margin-left:15vw;margin-top:10vw;float:left;margin-bottom:3vw;}
		
		div#first-content {position:relative;top:20vw;left:5vw;width:90vw;height:70vh;overflow:scroll;}
		
		div#second-content, div#third-content, div#forth-content, div#fifth-content, div#sixth-content {position:relative;top:20vw;left:5vw;width:90vw;}
	

		h1 {font-size:7vw;letter-spacing:1px;clear:both;}
		h2 {font-size:5vw;letter-spacing:1px;}
		p {font-size:4.5vw;}
		p.quote {font-size:4vw;margin-top:3vw;}
		ul {font-size:4.5vw;margin-left:6vw;}
		span.quals {font-size:2.5vw;}
		
		div.footer {height:16vw;}
		div.footer p {font-size:4vw;text-align:left;margin-left:5vw;margin-right:5vw;white-space:normal;margin-top:2vw;}
		
		div.footer br {display:inherit}

		img.logos {display:none;}
		img.logo-after {display:none;}
		
		p.small {font-size:3vw;}

		img.secondary-logo {width:10vw;float:right;margin-left:2vw}
		iframe {width:80%;height:50vh;margin-top:3vw;}

	div#osteopathy {position:relative;top:1vw;width:100%}


}