html { font-size: 18px; font-family: 'Mundial','Helvetica',Arial,sans-serif; background: #ff00ab; }
body { background-image: url(../img/backgrounds/bg-header-desktop.jpg); background-size: 100%; background-repeat: no-repeat; }


h1,h2,h3,h4,h5,h6,.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6 { font-family: 'Mundial','Helvetica',Arial,sans-serif; font-weight: 600 !important; line-height: 1.1em; }
p,a,em,li,button { font-weight: 400; color: hsl(0,0%,98%); }
em { color: hsl(0,0%,98%); }
strong { font-weight: 600; }

/* -- Estilos Proprietários -- */
#intro { margin-bottom: 600px; }

.video { max-width: 1440px; }
.video-container { background-color: rgba(255,255,255,0.30); }
.logo-Medialivre { width: 300px; margin-bottom: 30px; }

#copys p.featured-text { font-size: 1.25rem; }

#brands { background-color: #FFFFFF;}

footer { margin-bottom: 80px; }
footer p { font-size: 0.90rem; }
footer .uk-text-small { font-size: 0.65rem; }
footer a { color: rgba(255,255,255,0.50) !important; text-decoration: none; }
footer a:hover { color: rgba(255,255,255,1.00) !important; text-decoration: none; }



/* --- Small screens ------------------------------------------------------------------ */
@media only screen and (max-width: 40em) {
  body { background-image: url(../img/backgrounds/bg-header-mobile.jpg); }
  #intro { margin-bottom: 300px; }
  .logo-Medialivre { width: 180px; margin-bottom: 20px; }
  #copys h1 { font-size: 1.75rem; }
  footer p { font-size: 0.80rem; }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) and (orientation: portrait) {
}

/* --- Medium screens / Tablet -------------------------------------------------------- */
@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
  body { background-image: url(../img/backgrounds/bg-header-mobile.jpg); }
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
  body { background-image: url(../img/backgrounds/bg-header-mobile.jpg); }
}

/* --- Large screens ------------------------------------------------------------------ */
@media only screen and (min-width: 64.063em) {
  body { background-image: url(../img/backgrounds/bg-header-laptop.jpg); }
  #intro { margin-bottom: 380px; }
  #copys h1 { font-size: 2.20rem; }
  #brands .uk-container { max-width: 580px; }
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* --- XLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 90.063em) {
  body { background-image: url(../img/backgrounds/bg-header-laptop.jpg); }
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* --- XXLarge screens ------------------------------------------------------------------ */
@media only screen and (min-width: 120.063em) {
} /* min-width 1921px, xxlarge screens */