/*GENERAL + PHONE*/
@media only screen
and (min-width:0px)
and (max-width:559px){
html,body{
	font-size:.9em;}
#phone{
	text-align:center;}	
}
@media only screen
and (min-width:0px)
and (max-width:457px){
#callbutton{	
	margin-top:10px;}	
}	
/*GENERAL + PHONE END*/
/*HEADER + INTRODUCE*/
@media only screen
and (min-width : 0px)
and (max-width : 999px){
#logo{
	width:200px;
	height:53px;}
#header{
	line-height:53px;}
#content{
	margin-top:53px;}
#overlay h1{
	font-size:2em;}	
}

@media only screen
and (min-width:0px)
and (max-width:859px){
#menu ul li{
	margin:0 10px;}
}

@media only screen
and (min-width:640px)
and (max-width:799px){
#logo{
	float:none;
	margin:0 auto;}
#content{
	margin-top:105px;}	
}

@media only screen
and (min-width:0px)
and (max-width:639px){
#logo{
	float:none;}
#menu{
	text-align:left;
	display:none;}
#menu ul li{
	border-top:1px solid #ddd;
	display:block;}	
.icon-menu:before{
	display:inline-block;}
.icon-menu{
	float:right;}
}
/*HEADER + INTRODUCE END*/
/*INTRODUCE*/
@media only screen
and (min-width:0px)
and (max-width:457px){
#overlay h1{
	font-size:1.5em;}
}
/*INTRODUCE END*/
/*TOINTRODUCE + SERVICES*/
@media only screen
and (min-width:0px)
and (max-width:899px){
#tointroduce p{
	width:100%;}
}
@media only screen
and (min-width:0px)
and (max-width:639px){
#tointroduce h2, #services h2, #references h2, #contact h2{
	font-size:1.5em;
	padding:20px 5% 10px 5%;}
#services{
	padding-bottom:15px;}	
#tointroduce p{
	padding:0 5% 20px 5%;}	
}
@media only screen
and (min-width:0px)
and (max-width:559px){
#tointroduce p{
	text-align:justify;}
}	
/*TOINTRODUCE + SERVICES END*/
/*GALLERY*/
@media only screen
and (min-width:768px)
and (max-width:999px){
#gallery a{
	width:31.333333%;
	margin:5px 1%;}
}
@media only screen
and (min-width:420px)
and (max-width:767px){
#gallery a{
	width:48%;
	margin:5px 1%;}
}
@media only screen
and (min-width:0px)
and (max-width:419px){
#gallery a{
	width:98%;
	margin:5px 1%;}
}
/*GALLERY END*/	
/*CONTACT*/
@media only screen
and (min-width:0px)
and (max-width:559px){
#contact span{
	padding:5px 5% 0 5%;}
#contact h3{
	padding:0 5% 5px 5%;}
#contact{
	padding-bottom:20px;}
}	
/*CONTACT END*/