html,
body {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    text-align: center;
    background-image: url('../images/fundo.png');
    background-repeat: repeat;
    background-size: cover;
}

header img {
    width: 80%;
}

img {
    width: 60%;
    margin: 2em auto 2em auto;
    display: block;
}

p {
    padding-left: 1em;
    padding-right: 1em;
    color: #355463;
    font-family: 'Montserrat';
}

@media only screen and (min-width: 730px) {
    .main {
        height: 100%;
        width: 100%;
        display: table;
    }
    .wrapper {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }
    header img {
        width: 30%;
    }
    img {
        width: 20%;
        margin: 2em 4em 2em 4em;
        display: inline;
    }
    footer {
        width: 700px;
        margin: 0 auto 0 auto;
    }
    p {
        margin: 0;
        padding: 0.4em;
        font-size: 1.2em;
    }
}