@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&display=swap');


*{padding: 0%; margin: 0%; box-sizing: border-box;}

body{text-align: center;}
header{background: white;}

/* header-navegacion */

nav {padding: 2%; 
    background-color: #29C7A1;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: stretch;
}

nav a{ font-size: 0.8rem;}

a{font-family: 'Roboto', sans-serif; text-decoration: none; padding: 1rem; color: rgb(255, 255, 255); font-size: 1.2rem;}
.inicio:hover{font-weight: 700;}
.landing:hover{font-weight: 700;}
.plan:hover{font-weight: 700;}
.mapa:hover{font-weight: 700;}
.app:hover{font-weight: 700;}


h2  {color: black; 
    font-family: 'Roboto', sans-serif;  
    text-align: left;
    font-size: 1.8rem; 
    font-weight: 400; 
    border-bottom: 0.1rem solid #000000;
    padding-bottom: 1rem;
    margin: 1rem 2rem 1rem 2rem;
}

.figma a {color: black;}  .link {margin: 1rem 1rem 5rem 1rem ; }

/* footer  */

footer {background: black; }

footer p{
    color: rgb(255, 255, 255); 
    font-family: 'Roboto', sans-serif; 
    font-size: 0.9rem ;  
    text-align: center; 
    padding: 2rem;
}

/* VERSIÓN DESKTOP */

@media (min-width:576px) {

    nav {padding: 2%; 
        background-color: #29C7A1;
    }

    nav a{ font-size: 1.2rem;}
    

h2 {
    margin: 3rem 15rem 4rem 15rem;
}


}