header .contacto a{
    text-decoration: underline;
}

html, body{
    height: 100%;
}
.container{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
section{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}
section .tituloContacto{
    position: relative;
    display: flex;
    flex-flow: row wrap;
}

.tituloContacto img{
    position: absolute;
    width: 60vw;
    top: -20vw;
    left: -40vw;
    z-index: -1;
}

section p{
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18pt;
}


@media (max-width: 800px) or (orientation: portrait){
    .tituloContacto img{
        width: 70vw;
        left: -48vw;
        top: -26vw;
    }
    section .redes{
        padding-left: 15vw;
    }
    section p, section p a{
        font-size: 4vw;
    }
}