﻿/* Reset */
body, html, form, img, div, p, h1, h2, h3, a { margin: 0; padding: 0; border: 0; }
    a, a:hover { text-decoration: none; }
/* General */
html, body { width: 100%; height: 100%; font-size: 16px; }
body { font-family: Helvetica, Arial; color: #333; background-color: #F4F4F4; }
/* Top */
.top { background: url('../img/bg_topo.jpg') repeat left; }
.top-bg { background: url('../img/bg_move.png'); background-size: cover; width: 100%; }
.top-logo { text-align: center; margin-top: 3.8rem; }
.top-iphone { background: url('../img/img_iphone.png') no-repeat center; text-align: center; margin-top: 3rem; margin-bottom: -9rem; height: 37.69rem; }
.glass { margin-top: 4.8rem; margin-left: 0.2rem; }
/* Bottom */
.bottom { background: url('../img/bg_branco.png') repeat; background-attachment: fixed; text-align: center; }
.bottom-title { margin-top: 12rem; }
.bottom-store { margin-top: 2.2rem; margin-bottom: 4rem; }
    .bottom-store img { margin-right: 0.8rem; }
.bottom-text { margin-top: 4rem; }
    .bottom-text a { color: #CD1A24; }
    .bottom-text h1 { text-align: left; }
.bottom-text-first { text-align: justify; margin-bottom: 4rem; padding-right: 1.5rem; }
.bottom-text-second { text-align: justify; padding-left: 1.5rem; }
/* Footer */
.footer { border-top: solid 1px #d5d5d5; margin-bottom: 1.5rem; }
.footer-text { font-size: 0.7rem; text-align: left; margin-top: 1.5rem; }
.footer-logo { text-align: right; margin-top: -2.2rem; }
