/* globales*/
html {
    box-sizing: border-box;  /* hack para el box model*/
    scroll-snap-type: y mandatory ;
}

  *, *:before, *:after {
    box-sizing: inherit;
}

html { font-size: 62.5%;}

header{
    background-color:#000;
}

/*CONTENEDOR*/
.contenedor { 
    max-width: 120rem;
    margin: 0 auto 0 auto;
}
.contenedor2{
    max-width: 120rem;
    margin: 0 auto 0 auto;
    display: grid;
    justify-items: center;
    
}
h1,h2,.contenedor{
    color: goldenrod;
    text-align: center;
}
li{
    color: goldenrod;
}
.parrafo_lista{
    text-align: center;
    margin: 2rem 0;
    font-size: 1.7rem;
}
@media (min-width: 768px){
    .parrafo_lista{
        text-align: justify;
    }
}
.p_body{
    text-align: center;
}
@media (min-width: 768px){
    .p_body{
        text-align: justify;
    }
}

/* BODY */
.imagen-logo{
    display: flex;
    margin: auto;
    width: 25%;
}

body { font-size: 16px; /* 1rem = 10px */
    font-family: 'Krub', sans-serif;
    background-color:#0c0c0c;
}

.map{
    width: 300px;
}
@media (min-width: 768px){
    .map{
        width: 500px;
    }
}
footer{
    background-color:#000;
    margin: 8rem 0;
    padding: 1rem 0;
}
p,footer{
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    color: goldenrod;
}
a {
    font-size: 1.7rem;
    font-weight: 500;
    text-align: center;
    color: goldenrod;
    text-decoration: none;
}

.redes{
    display: flex;
    justify-content: center;
}

.what{
    margin-right: 2rem;
}
.face{
    margin-right: 2rem;
}

.sitioweb{
    border: 3px solid black;
    border-radius: 3rem;
    padding: 2rem;
}
.volver{
    background-color: goldenrod;
    color: white;
    padding: 1rem 1rem;
    margin-top:  3rem;
    font-size: 1.6rem;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    border-radius: .5rem;
    text-align: center;
    border: none;
}
.volver:hover{
    background-color: rgb(170, 132, 35);
}