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

	


}


@media only screen and (max-width: 950px) {
	/*mobile navigation*/

	
}

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

	

}

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


.conForm h2 {
	
	margin-top: 600px;
}

iframe {
	float: none;
}
	
}



@media only screen and (max-width: 600px) {
.gal img {
	margin: 10px auto;
	display: flex;
}
.menicko {
	/* display: block; */
	position: absolute;
	top: 40px;
	left: 5%;
	}

.menicko li {
	margin: 0;
	padding: 5px;
}

.logo img {
	width: 300px;
	transform: translateX(0%);
	left: 1%;
	animation: fromLeft 3s linear
}

#mapa {
	float: none;
}
	
@keyframes fromLeft {
    0% {
        opacity: 0;
        transform: translateX(-50%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}

}