* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-family: 'Poppins', sans-serif;
    }
    
    .clear {
        clear: both;
    }
    
    body {
        background-image: url(images/drops-water-falling.png);
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        text-align: center;
        box-sizing: border-box;
    }
    
    .center {
        display: flex;
        padding: 0 2%;
        flex-wrap: wrap;
    }
    
    img {
        margin: 20px auto;
        width: 25%;
    }
    
    footer {
        position: fixed;
        bottom: 0;
        background-color: #1a1a1a;
        color: #fff;
        height: 100px;
        width: 100%;
        padding: 10px 0;
    }
    
    footer.center {
        display: flex;
        flex-wrap: wrap;
        margin: 40px auto;
    }
    
    footer .center .contato {
        text-align: left;
        width: 50%;
    }
    
    footer .center .informacao {
        text-align-last: left;
        width: 50%;
    }
    
    footer .center .contato {
        text-align: right;
    }
    
    .frase,
    .representante-nome {
        text-align: left;
        font-weight: bold;
        font-size: large;
    }
    
    .autor,
    .representante-titulo {
        font-size: small;
    }
    
    @media screen and (max-width: 605px) {
        footer {
            height: 160px;
        }
        footer .center .contato {
            text-align: left;
            padding: 5px 17px;
            width: 100%;
        }
        footer .center .informacao {
            text-align-last: left;
            width: 100%;
            padding: 5px 17px;
        }
    }