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 {background-color: white;padding: 1rem;}
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;}

/*nav*/

nav {
    background-color: #000000;
    padding: 0.5rem;
    align-content: center
}

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;}


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


/*boton*/
.button {
  border: none;
  color: white;
  padding: 16px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.boton1 {
  background-color: white; 
  color: #42889f; 
  border: 2px solid #4CAF50;
  border-radius: 12px;
  width: 100%;
  margin-top: 1em; 
  margin-bottom: 2em
  
} 

.boton1:hover {
  background-color: #4CAF50;
  color: white;
}
main section{
    background-color: #f0eded
}

main section a {
  background-color: #4CAF50; 
  color: white;
  text-decoration: none;
  border: 2px solid #4CAF50;
  border-radius: 12px;
  margin-top: 1em; 
  margin-bottom: 2em;
  padding: 1em;
  display: inline-block;
}

/*video*/
.video-container {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    
} 

.video-container iframe {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
}


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




/*mayor a 768px*/
@media screen and (min-width:48rem){
    nav{background: black;}
    
    .inicio {display: flex;justify-content:center} 
.columna-1{background-color: #68b7fc;width: 33%;}
.columna-2{background-color: #45a6fa;width: 33%;}
.columna-3{background-color: #0e84ea;width: 33%;}
    
}