div#contact
{
background: #08aea1;
color: #fff;
padding: 0;
}

div#contact div.block
{
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
align-items: stretch;
}

div#contact div.text
{
width: 25%;
flex-grow: 0;
flex-shrink: 0;
padding: 3rem 0;
font-size: 1.5rem;
line-height: 1.5rem;
}

div#contact div.text p
{
margin-top: 2rem;
}

div#contact div.text p:first-of-type
{
margin-top: 3rem;
}

div#contact div.text a
{
color: inherit;
}

div#contact div.map
{
width: 75%;
flex-grow: 1;
flex-shrink: 1;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}

@media (max-width: 800px)
{
div#contact div.block { display: block; }

div#contact div.text { width: 100%; padding: 0; }
div#contact div.text p { margin-top: 1rem; }
div#contact div.text p:first-of-type { margin-top: 1rem; }

div#contact div.map { width: 100%; margin-top: 2rem; }
div#contact div.map:before { content: '\20'; display: block; padding-top: 100%; }
}