/* =======
start flex
======= */
.conteiner-flex {
    display: flex;
}
/* .space-between { */
/* justify-content: space-between; */
/* } */

.flex-wrap {
    flex-wrap:wrap;
}
.flex-center {
    justify-content: center;
}

body {
    font-size: 1rem;
}
/* =======
flex end
======= */

/* =======
start header
======= */
header {
    color: #433f3c;
    padding: 2em 2em 1em;
}

header .logo {
    margin-top: -1em;
    padding: 0 0.5em;
}

.site-name {
    color: #433f3c;
    font-weight: 900;
    font-size: 2em;
    text-transform: uppercase;
    font-family:  "book antiqua";
}
.slogan {
    color: #0c6888;
    line-height: 1.6em;
    font-size: 1.6em;
    padding-left: 1.5em;
    font-weight: 400;
    font-family: "gabriola";
    font-style: italic;
}
/* =======
header end
======= */

.retro-style-border {
    background-color: #ffffff;
    border: solid #422800;
    border-color: #422800;
    border-width: 1px 5px 3px 2px;
}

.app-desc {
    border-bottom-left-radius: 185px 25px;
    border-bottom-right-radius: 25px 205px;
    border-top-left-radius: 125px 25px;
    border-top-right-radius: 10px 205px;
    margin: 2em 0;
    padding: 1em 2.5em;
}

/* =======
start footer
======= */
footer {
    background: #271800;
    margin-top: 20vh;
    color: #fdf2dd;
    padding: 2em 2em 1em;
    font-size: 1.3em;
}

footer .conteiner-flex {
    align-items: center;
    justify-content: center;
}


footer a {
    color: #ffa931;
}

footer a:hover {
    color: #ffa931;
}

.footer-menu {
    padding: 0 2em;
}


/* =======
end footer
 ======= */

img {
    max-width: 100%;
}