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

#top-nav {
	font-size:12px;
}

.page-text {
	width: 80%;
}

body {
	
	background: 
		url('../images/bg.png');
}
}


@media screen and (max-width: 1096px) {
.menu {
		padding-left: 25px;
		padding-right: 25px;
	}
}




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

#nav-nav {
		display: block;
		margin-top: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		margin-right: 0px;
	}

	#nav-nav select {
		width: 100%;
	}

	#top-nav {
		display: none;
	}

	#contact_dialog input {
		width: 300px;
	}

	#contact_dialog textarea {
		width: 300px;
	}
.page-text {
	width: 80%;}
}

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


	#contact_dialog input {
		width: 250px;
	}

	#contact_dialog textarea {
		width: 250px;
	}
}



@media screen and (max-width: 450px) {
.page-text {margin-top:30px;}	
	}

	
@media screen and (max-width: 475px) {
#photo {
float:center;
margin:auto;
}

}

@media screen and (max-width: 1445px) {
#picleft {
	display: none;
}
}

@media screen and (max-width: 1233px){
#column {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
}
}

@media screen and (max-width: 1009px){
.how {
	width:80%;
}
}

@media screen and (max-width: 1241px){
.how1{
	min-height:140px;
}
}

@media screen and (max-width: 1013px){
.how1{
	width:35%;
}
}

@media screen and (max-width: 436px){
.how1{
	width:80%;
	min-height:100%;
}
#logo img {
	width:268px;
	height:150px;
	
}

}


@media screen and (max-width: 493px){
#column, #column1 {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
	-moz-column-count: 1; /* Firefox */
	column-count: 1;
}

	}