body {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6em !important;
    color: #222;
}


@media (max-width: 1200px) {
    body{
    font-size:13px;
    }
}

@media (max-width: 1000px) {
    body{
    font-size:12px;
    }
}


::selection {
    color: #222;
    background: #ccc;
}

a {
text-decoration:underline;
color: #000;
}

a:hover {
text-decoration:underline;
color: #666;
}

p { 
    font-family: Roboto;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.5em !important;
    color: #222;
}

h1, h2, h3{
    line-height:1.2em  !important;
}

h4, h5 {
    line-height:1.3em !important;
}

h1 {
    font-size: 4em;
    font-weight: 800;
}

h2 {
    font-size: 2.5em;
    font-weight: 800;
}

h3 {
    font-size: 2em;
    font-weight: 700;
    padding:50px 0 25px 0;
}

h4 {
    font-size: 1.3em;
    font-weight: 700;
padding: 25px 0 10px 0;
    margin: 0;
}

h5 {
    font-size: 1.1em;
    font-weight: 700;
    padding: 25px 0 10px 0;
    margin: 0;
color: #222;
letter-spacing: .01em !important;
}

strong {
font-weight:700 !important;
}

h6 {
    font-size: 0.9em;
    font-weight: 400;
    padding: 5px 0;
    margin: 0;
line-height: 1.3em;
}


.left {
text-align: left !important;
}

.cinza {
color:#999 !important;
}

.branco {
color:#fff !important;
}

.preto {
color:#222 !important;
}