body {
    background-color: #eff0e9;
    color: #470f10;
}

a {
    text-decoration: none;
    color: #eb600a;
}

a:hover {
    text-decoration: underline;
}

header {
    text-align: center;
}

header > #logo {
    max-width: 800px;
}

header > #slogan {
    font-size: larger;
    font-style: italic;
}

main {
    width: 800px;
    margin: 0 auto;
}

section {
    margin-top: 10px;
}

section > h1 {
    text-align: center;
    color: #295540;
    margin-bottom: 0;
}

section#images {
    width: 100%;
    padding: 5px;
}

section#images > img {
    display: inline-block;
    margin: 0 10px 10px 0px;
    padding: 0;
    width: calc(50% - 10px);
    background-color: white;
    border-radius: 20px;
}

section#images > img:nth-child(even){
    margin-right: 0;
}

section#services > ul {
    list-style-type: none;
    width: 100%;
    padding: 5px;
    margin: 0;
}

section#services > ul > li {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
}

section#services > ul > li:nth-child(even){
    margin-right: 0;
}

section#contacts > div {
    width: 100%;
    padding: 5px;
}

section#contacts > .info {
    text-align: center;
    font-style: italic;
    padding: 0;
}

section#contacts > .phone > .contact,
section#contacts > .whatsapp > .contact {
    display: inline-block;
    margin: 0 10px 10px 0;
    width: calc(50% - 10px);
}

section#contacts > .phone > .contact:nth-child(even),
section#contacts > .whatsapp > .contact:nth-child(even) {
    margin-right: 0;
}

section#contacts .contact:before {
    display: inline-block;
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 5px;
}

section#contacts > .phone > .contact:before {
    background-image: url('img/phone.png');
}

section#contacts > .whatsapp > .contact:before {
    background-image: url('img/whatsapp.png');
}

section#contacts > .email > .contact:before {
    background-image: url('img/email.png');
}

section#contacts > .facebook > .contact:before {
    background-image: url('img/fbpage.png');
}

.clear {
    clear: both;
}

footer {
    text-align: center;
}

footer > a#credits {
    text-decoration: none;
    background-color: white;
    color: #3399cc;
    font-family: sans;
    display: inline-block;
    padding: 3px;
}

footer > a#credits > img {
    vertical-align: middle;
}

@media screen and (max-width:800px) {
    header > #logo, main {
        max-width: 90%;
    }

    header > #slogan {
        font-size: initial;
    }
}