body#services a#services_nav {
	color: #99cc33;
}

/* Section box1
----------------------------------------------------*/
section#box1 {
/*	background-color: #fff;*/
	background-image: url('../images/osteopathy_services.jpg');
}
p.questions {
	margin: 20px auto;
	line-height: 28px;
	font-size: 20px;
	font-weight:lighter;
	word-spacing:0.2em;
}
p#sentence2 {
	padding: 40px 70px 10px 20px;
	font-size: 18px;
	/*font-style: italic;*/
	text-align: right;
	word-spacing: 2px;
	letter-spacing: 2px;
	margin: 0 auto;
	margin-top: 150px;
	color: #444;
}
#nav1 p {
	margin:10px 0;
	position:relative;
	top:20px;	
}
#nav1 a, #nav2 a, #nav3 a {
	display:block;
	width:120px;
	height:120px;
	border:5px solid #000;
	border-radius:50%;
	font-size:14px;
	color:#000;
	text-align:center;
	background:#fff;
	text-decoration:none;
	}
 #nav2 p, #nav3 p {
	margin:10px 0;
	position:relative;
	top:30px;
 }
 #nav1 a {
	 border:3px solid #a6ce39;
 }
 #nav2 a {
	 border:3px solid #00aeef;
 }
 #nav3 a {
	 border:3px solid #fff10c;
 }
 #nav1, #nav2, #nav3, .line {
	 float:left;
 }
 .line {
	 padding-top:50px;
 }
 #nav_second{
	 margin:50px auto;
	 max-width:900px;
 }
 #nav1 a:hover {
	 color:#fff;
	 background-color:#a6ce39;
 }
 #nav2 a:hover {
	 color:#fff;
	 background-color:#00aeef;
 }
  #nav3 a:hover {
	 color:#fff;
	 background-color:#fff10c;
 }
/* Section box2
----------------------------------------------------*/
section#box2 {
	background-color: #fff;
	/*box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.8);
	-moz-box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.8);
	-webkit-box-shadow: 0px 4px 10px 4px rgba(119, 119, 119, 0.8);*/
}
p.contents {
/*	font-family: Corbel;*/
	font-style:normal;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 50px;
	color: #999;
	text-align:left;
}
#control2 {
	max-width: 1000px;
	margin: 20px auto;
	padding-bottom: 20px;
}
.tt {
	margin-top:100px;
}
.tt span {
	/*font-family: corbel;*/
	font-style: normal;
	font-weight: 600;
	font-size: 26px;
	margin-bottom: 14px;
	letter-spacing: 2px;
	text-decoration: none;
	color:#00aeef;
	padding-bottom:10px;
}
.tt img {
	padding: 20px 20px 0 0;
}
#control2 h3 {
	font-style:italic;
	font-size:20px;
	color:#a9cf39;
	letter-spacing:1px;
	margin-bottom:-10px;
	margin-top:50px;
}
ul.content1 li {
	list-style-image:url(../images/dot.png);
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 40px;
	color: #999;
}
#button_back a {
	max-width: 100px;
	font-size: 14px;
	background: #28313d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: solid 4px #28313d;
	color: #fff;
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	padding: 10px 30px;
	margin: 40px auto;
	display: inline-block;
}
#button_back a:hover {
	color: #28313d;
	background-color:rgba(0,0,0,0);
	border:solid 4px #28313d;
}

/* responsive
----------------------------------------------------*/
@media only screen and (min-width : 1400px) {
	section#box1 {
	background-position: center/* top*/;
	background-image:url(../images/osteopathy_services_3600.jpg);
}
}

@media screen and (max-width:970px) {
.line {
	height:20%;
	width:20%;
	overflow:hidden;
}
/*smaller background image to save some data*/
section#box1 {
	/*background-image:url(../images/osteopathy_home.jpg);*/
}
/*font size*/
* {
	font-size:16px;
}
a#submit, p#sentence2, p.contents, p.questions, #col3 a, #control4a, p#about_us a{
	font-size:16px;
}
.tt span, #control2 a {
	font-size:20px;
}
#col5 p {
	font-size:14px;
}
#nav1 p, #nav2 p, #nav3 p {
	font-size:12px;
}
#button_back a {
	font-size:12px;
}
ul.content1 li {
	font-size:14px;
}
}
@media screen and (max-width:720px) {
.line {
	height:15%;
	width:15%;	
	overflow:hidden;
}
}
@media screen and (max-width:600px) {
.line {
	height:5%;
	width:5%;	
	overflow:hidden;
}	
}
@media screen and (max-width:500px) {
/*mobile version*/
section#box1 {
	/*background-image: url('../images/osteopathy_home_500.jpg');*/
}
.tt span {
	letter-spacing:1px;
}
.tt img {
	height:20px;
	width:20px;
}
.line {
	/*height:5%;
	width:5%;*/
	display:none;	
	overflow:hidden;
}
p.questions {
	margin:0 auto;
	font-size:14px;
}
#control1 {
	padding:20px;
}
p.contents {
	text-align:left;
}
}
@media screen and (max-width:430px) {
#nav1, #nav2, #nav3 {
	float:none;
}
#nav_second {
	max-width:140px;
	margin:0 auto;
}
.tt {
	margin-top:20px;
}
}