div#container{
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
    background-color:#cccc33;
    background: url("../_images/fundo.jpg") no-repeat bottom;
    background-size: 100% 100%;
    -webkit-box-shadow: 0px 0px 8px 2px rgb(153, 102, 0);
    -moz-box-shadow: 0px 0px 8px 2px rgb(153, 102, 0);
    box-shadow: 0px 0px 8px 2px rgb(153, 102, 0);
    margin-top: 4px;
}

span.image-wrapper{

    max-width: 100%;
}
div.facebook{

    font-size: 0.8em;
}

@media screen and (max-width: 491px) {

      ul.thumbs li {
        max-width: 30px;
    }
    div.slideshow-container{
     max-height: 180px;

    }
}


@media screen and (min-width: 491px) and (max-width: 770px) {

    ul.thumbs li {
        max-width: 50px;
    }
    div.slideshow-container{
        max-height: 40%;

    }

}
@media screen and (min-width: 491px) and (max-width: 770px) {

    ul.thumbs li {
        max-width: 50px;
    }
}

@media only screen and (min-device-width: 474px) and (max-device-width: 770px)  {

    ul.thumbs li {
        max-width: 50px;
    }
}