@media all and (max-width:1230px){
#topin, #top1in, #top2in, #hom2in, #hom3in, #hom4in, #stopkain, #pods1in, #pods2in, #pods3in, #hom1a, #hom1b, #hom2a, #hom2b, #hom3a, #hom3b, #hometopl, #hometopp, #pods2tyt, #menu, #pods1a, #pods1b, #pods2a, #pods2b{
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#logo{
	margin: 20px;
	max-width: 50%;
	width: auto;
}
.resp{
	margin-right: 20px;
	margin-left: 20px; 
}

#top{
	height: auto;
	background: url(i/resp_tlo1.jpg) no-repeat center top #625977;
}

#mon{
	display: block;
	margin: 30px 30px 0px 0px;
	float: right;
}

#menu{
	display: none;
	margin-top: 0px;
	background: #1f2443;
}

.men{
	width: 100%;
	text-align: center;
	padding: 20px 0px;
	border-bottom: solid 1px #363c60;
}

#mena{
	width: 100%;
	text-align: center;
	padding: 20px 0px;
	border-bottom: solid 1px #363c60;
	color: #90c4d6;
	font-size: 26px;
	margin: 0px;
}

#menu a{
	color: #ffffff;
	font-size: 26px;
	margin: 0px;
}

#menu a:hover{
	color: #cfa856;
}

#tel2{
	float: none;
}

#hometopl h1{
	margin: 60px 0px 70px 0px;
}

#hometopl{
	padding-bottom:60px;
}

#hometopp img{
	max-width: 100%;
	display: none;
}

#hom1a img{
	max-width: 100%;
}

#hom2a img{
	max-width: 100%;
	margin-top: 30px;
}

#hom2b img{
	max-width: 100%;
	margin-top: 30px;
}

#hom1a, #hom1b{
	background: #ffffff;
	margin: 0px;
	padding: 30px 0px;
}

#hom1b{
	padding-bottom: 50px;
}

#hom1a{
	background: url(i/resp_tlo2.jpg) repeat-x center top #ffffff;
}

#hom2{
	background: none;
	height: auto;
}

#hom2a{
	background: #90c4d6;
	margin:0px;
	text-align: center;
	float: none;
	height: auto;
	padding: 50px 0px 25px 0px;
	background: url(i/resp_tlo3.jpg) repeat-x center bottom #90c4d6;
}

#hom2b{
	background: #1f2443;
	margin: 0px;
	text-align: center;
	float: none;
	height: auto;
	padding: 25px 0px 50px 0px;
	background: url(i/resp_tlo4.jpg) repeat-x center bottom #1f2443;
}

#hom3a, #hom3b{
	float: none;
	height: auto;
	text-align: center;
}

#hom3a{
	margin: 0px 0px 0px 0px;
}

#respbut{
	float: none;
}
.rebr{
	display: block;
}
#butres2{
	display: none;
}
#butres{
	display: block;
}
#top2tyt{
	line-height: normal;
	padding: 30px;
	max-width: 100%;
}

#top2tyt{
	line-height: normal;
	padding: 30px 0px;
	width: 100%;
}

#pods1b img{
	max-width: 100%;
	margin-top: 30px;
}

#pods2c img{
	max-width: 100%;
	margin-top: 30px;
}
#pods1b{
	text-align: center;
}
#pods2b{
	margin: 20px 0px 20px 0px;
}

#pods2c{
	display: block;
}

#pods2a{
	display: none;
}

#top2{
	background: url(i/pods_tlo2.png) no-repeat left top;
}
#mapa{
	width: 100%;
}

.button{
	border: solid 5px;
	font-size: 28px;
	padding: 20px;
	width: auto;
}
#but1{
	float: none;
}
.butr{
	float: none;
	margin-left: 0px;
}
html, body {
	line-height: normal;
}
.galim{
	float: none;
}
}

@media all and (max-width:430px){
#hometopl h1{
	font-size: 36px;
	line-height: normal;
}
.button{
	max-width: 90%;
}
#hom1b h2{
	font-size: 30px;
	line-height: normal;
}
#pods2b h2{
	font-size: 30px;
	line-height: normal;
}
#kont a{
	font-size: 24px;
}

}