:root{
    --fuenteHeading: 'Open Sans', sans-serif;
    --fuenteParrafos: 'Raleway', sans-serif;

    --primario: #034c7f;
    --titulo-principal: #551a8b;
    --gris: #e1e1e1;
    --blanco: #ffffff;
    --negro: #000000;
    --amarillo: #F5C002;
    --negro-botones: #191919;
    --verde:#D2F595;
}
html{
    box-sizing: border-box;
    font-size: 62.5%; /* 1rem = 10px*/
}
*, *:before, *:after {
    box-sizing: inherit;
}
body {
    font-family: var(--fuenteParrafos);
    font-size: 1.6rem;
    line-height: 2;
    background-color: var(--primario);
    margin: 0;
    height: 100%;
}

/*Globales*/
.contenedor {
    width: min(90%, 120rem); /* es lo mismo que 
    max-width: 120rem;
    width: 90%;*/
}
a {
    text-decoration: none;
}
h1, h2, h3, h4 {
    font-family: var(--fuenteHeading);
    line-height: 1.2;
}
h1{
    font-size: 3.8rem;
}
h2{
    font-size: 2rem;
    color: var(--amarillo);
    font-family: var(--fuenteParrafos);
}
h3{
    font-size: 2rem;
}
h4{
    font-size: 1.8rem;
}
img{
    max-width: 100%;
}
/* Utilidades*/
.no-margin{
    margin: 0;
}
.no-padding{
    padding: 0;
}
.centrar-texto{
    text-align: center;
}

/*header*/
header {
    background-color: var(--amarillo);
    text-align: center;
    color: var(--negro-botones);
}
header h1{
    margin: 0;
    padding: 2rem;
    font-size: 2rem;
}

/*Section*/
section{
    width: 100%;
    height: auto;
    margin: auto;
    display: grid;
    padding: 4rem;
    text-align: center;
}

/*Sección contactos*/
.contactos{
    display: grid;
    gap: 1rem;
}
.adress{
    color: var(--blanco);
}
.adress span{
    font-weight: 700;
}
.adress a{
    color: var(--verde);
}
p{
    margin: 0;
}
.logo img{
    width: 18rem;
}

/*Footer*/
footer p{
    height: 7.5rem;
    background-color: var(--verde);
    margin-top: 5rem;
    padding: 0;
    color: var(--negro);
    text-align: center;
    font-size: 1.2rem;
    font-weight: 600;
    justify-content: center;
    align-content: center;
}
footer a{
    color: var(--primario);
}

/**/
@media only screen and (min-width: 600px) {
    footer {
    height: 6rem;
    }
  }