@charset "utf-8";
/* CSS Document */

.upperimage img{
width:100%;
top:0;
background-color: #00000;
animation: fadeIn 5s;
  -webkit-animation: fadeIn 5s;
  -moz-animation: fadeIn 5s;
  -o-animation: fadeIn 5s;
  -ms-animation: fadeIn 5s;
}


@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@media screen and (max-width:800px){
	.upperimage{
		margin-top:98px;
	}	
}

.mapcontainer{
	width:100%;
	height: auto;
	padding: 2rem 0rem;
	}
.maptext{
	font-family: 'Barlow', sans-serif;
	font-size: 1.9em;
	text-align: center;
	padding-bottom: 3rem;
	color: var(--azul);
		
}

.map{
	
	width: 90%;
	max-width: 800px;
	margin: 0 auto;    
	overflow:hidden;
    padding-bottom:25%;
    position:relative;
    height:0;
}
.map iframe{
    left:0;		
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}