@media only screen and (max-width:1250px){
	.main {
		width: 96%;
		padding: 0 2%;
		min-width: 300px;
	}
}

@media only screen and (max-width:900px){
	.center {
		display: none;
	}
	
	#conteiner .adress {
		margin-bottom: 30px;
	}
}

@media only screen and (max-width:600px){
	header {
		display: none;
		margin-top: 0px;
	}
	
	header .left {
		width: 100%;
		float: none;
	}
	
	header .left img {
		margin: 0 auto;
		display: block;
	}
	
	header .right {
		display: none;
	}
	
	#conteiner {
		margin-top: 45px;
	}
	
	#conteiner .mapa {
		margin-top: 100px;
		margin-bottom: 100px;
	}
	
	#conteiner .mobile {
		display: table;
		width: auto;
		margin: 25px auto;
	}
	
	#conteiner .mobile a {
		margin-left: 0px;
		margin: 0 13px;
	}
	
	#conteiner .adress {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		line-height: 21px;
		text-align: center;

		color: #FFFFFF;
	}
}

@media only screen and (max-width:500px){ 
	.main {
		width: 92%;
		padding: 0 4%;
		min-width: 200px;
	}

	#conteiner img.logo {
		width: 100%;
	}
	
	#conteiner {
		margin-bottom: 130px;
	}
	
	#conteiner h1 {
		font-family: Roboto;
		font-style: normal;
		font-weight: normal;
		font-size: 36px;
		line-height: 42px;
		text-align: center;

		color: #FFFFFF;
		width: 100%;
		display: none;
	}
	
	#conteiner .buttom { 
		width: 100%;
	}
}