@import url('https://fonts.googleapis.com/css?family=Montserrat');
*{margin: 0;}

header{background: url(../img/fondo.gif);
       background-size:cover;
       padding: 03rem; }

body{text-align: center;
     background: #c9ffff;
     font-family: 'Montserrat', sans-serif;
     color: black; 
}

h1 { text-align: center; 
     font-size: 10rem; 
     color: #ffffff;
     font-family: 'Montserrat', sans-serif; 
     font-weight: 800;
}

nav ul { 
    list-style-type: none;
    margin: 0;
    padding: 12px;
    overflow: hidden;
    background: linear-gradient(to right, #ffa8cd ,#d5a3fa);
    text-align: center;
}

nav ul li  { 
    text-align: center; 
    display: inline-block;
}

 li a {
    display: inline;
    color: white;
    text-align: center;
    padding: 1rem 2rem 1rem 2rem;
    text-decoration: none; }

li a:hover { background-color: #e82a9f;
}


.mapa h2 { 
    text-align: center; 
    font-size: 2.5rem; 
    font-family: 'Montserrat', sans-serif;
    font-weight: 300;
    color: #b1b1b1; 
    margin-right: 25px;
    margin-top: 25px;
    font-weight: bold;
}


.mapa{
    display: block;
    position: relative;
    width: 95%;
    height: auto;
    margin: auto;
    padding: 1rem 0 1rem 0;
    }


footer {
    color: white; 
    font-family: arial, sans-serif; 
    font-weight: 200; 
    font-size: 0.7rem; 
    background: linear-gradient(to right, #ffa8cd ,#d5a3fa); 
    padding: 13px; 
    display: inline-block; 
    margin-top: 60px;
}