/* Add here all your CSS customizations */
#home body {
  background: url(../img/escola-hl.jpg) no-repeat center center fixed;
  background-size: cover;
}
#header .header-logo img {
    margin:10px 10px 10px 0;
}
.mb20 { margin-bottom: 20px; }

.slider-container .main-label.lshadow, .slider-container .featured-label.lshadow {
    color:#ffbb00;
    text-shadow: 0px 3px 1px rgba(136, 153, 170, 1);
}

.slider-container .main-label.lshadow2 {
    color:#0088cc;
    text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.6);
}
.slider-container .main-label.lshadow3 {
    color:#0088cc;
    text-shadow: 0px 0px 25px rgba(255, 255, 255, 1);
}
.amber-bg {
    color:#ffbb00;
}

@media (min-width:320px)  {
  /* smartphones, iPhone, portrait 480x320 phones */
  #home body {
    background: url(../img/logo.png) no-repeat center center fixed;
    -webkit-background-size: 260px;
    -moz-background-size: 260px;
    -o-background-size: 260px;
    background-size: 260px;
  }
}
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:640px)  {
  #home body {
    background: url(../img/escola-hl.jpg) no-repeat center center fixed;
    background-size: cover;
  }
}
@media (min-width:768px) and (orientation: portrait) {
  #home body {
    background: url(../img/escola-hl.jpg) no-repeat center center fixed;
    background-size: contain;
  }
  #home .navbar-fixed-bottom {
    bottom:25%;
  }
}
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }