font-family: 'Roboto', sans-serif;
*{padding: 0;margin: 0;box-sizing: border-box;transition: 1s all}

/*inicio*/
header {
    padding: 1rem; color: #125268; background-color: white;}

main section article {padding: 1rem; color: #ffffff;}
main section aside {padding: 1rem;color: #0088ff;}

.inicio {} 
.columna-1{background-color: #42889f;width: 33%;}
.columna-2{background-color: #206880;width: 33%;}
.columna-3{background-color: #125268;width: 33%;}


.link-activo{background-color: #ffa1c9;}

/*nav*/

nav {
    background-color: white;
    padding: 0.5rem;
}

nav ul li {
    display: inline-block;
    color: #45a6fa;
    margin-bottom: 2.5rem;    
}

nav ul li a {
    color:#125268;
    text-decoration: none; 
    background-color:#f0eded; 
    padding: 1rem;
    border-radius: 20%;
    justify-content: center;}

body{
    font-family: Arial;
    padding: 0;
    margin: 0;
    padding: 1rem;
}

h1{font-family: 'Roboto', sans-serif; font-size: 2.5rem; font-weight: 700;}
nav ul li {display: inline-block; color: #45a6fa;}




footer {background-color: white; padding: 1rem;font-family: 'Roboto', sans-serif;font-weight: 400;}
footer p {font-size: 1rem;color: #125268}




/*mapa*/
.columna-mapa-1{background-color: white;width:center;}
.imagen-mapa {box-sizing: border-box;}
/*plan*/
/*tp*/

.responsive {
  max-width: 100%;
  height: auto;
}

/*mayor a 768px*/
@media screen and (min-width:40rem){
    
nav{background: white;}
    
.inicio {
    display: flex;
    justify-content:center;
    } 
    
.columna-1{background-color: #42889f;width: 33%;}
.columna-2{background-color: #206880;width: 33%;}
.columna-3{background-color: #125268;width: 33%;}

    
}