body, html {
  font-family: 'Open Sans Condensed', sans-serif;
  color:#333;
  height:100%;
  font-size:18px;
}
h1, h2, h3, h4, h5 {
  font-family: 'Oswald', sans-serif;
}
button, a {
  background:none;
  border:none;
  cursor:pointer;
}
.rodape-produto a {
  color:#f00;
}

@media screen and (min-width: 1366.1px) {
  #tarja {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:80px 250px;
  }
  .container {
    padding:100px 0px;
  }
  .col-md-4 {
    padding:20px;
  }
  .produto {
    position:relative;
    padding:20px;
    padding-bottom:50px;
    box-shadow:2px 2px 4px #888;
    height:350px;
  }
  .produto h3 {
    margin:0px;
    color:#66f;
  }
  .rodape-produto {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    text-align:center;
    border-top:1px solid #ddd;
  }
}

@media screen and (min-width: 1024.1px) and (max-width:1366px) {
  #tarja {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:80px 250px;
  }
  .container {
    padding:100px 0px;
  }
  .col-md-4 {
    padding:20px;
  }
  .produto {
    position:relative;
    padding:20px;
    padding-bottom:50px;
    box-shadow:2px 2px 4px #888;
    height:350px;
  }
  .produto h3 {
    margin:0px;
    color:#66f;
  }
  .rodape-produto {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    text-align:center;
    border-top:1px solid #ddd;
  }
}

@media screen and (min-width: 800.1px) and (max-width:1024px) {
  #tarja {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:80px 250px;
  }
  .container {
    padding:100px 0px;
  }
  .col-md-4 {
    padding:20px;
  }
  .produto {
    position:relative;
    padding:20px;
    padding-bottom:50px;
    box-shadow:2px 2px 4px #888;
    height:350px;
  }
  .produto h3 {
    margin:0px;
    color:#66f;
  }
  .rodape-produto {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    text-align:center;
    border-top:1px solid #ddd;
  }
}

@media screen and (min-width: 512.1px) and (max-width:800px) {
  #tarja {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:50px 100px;
  }
  .container {
    padding:100px;
  }
  .col-md-4 {
    padding:20px;
  }
  .produto {
    position:relative;
    padding:20px;
    padding-bottom:50px;
    box-shadow:2px 2px 4px #888;
    height:350px;
  }
  .produto h3 {
    margin:0px;
    color:#66f;
  }
  .rodape-produto {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    text-align:center;
    border-top:1px solid #ddd;
  }
}

@media screen and (max-width: 512px) {
  #tarja {
    width:100%;
    background:#333;
    color:#fff;
    text-align:center;
    padding:50px 20px;
  }
  .container {
    padding:100px 20px;
  }
  .col-md-4 {
    padding:20px;
  }
  .produto {
    position:relative;
    padding:20px;
    padding-bottom:50px;
    box-shadow:2px 2px 4px #888;
    height:350px;
  }
  .produto h3 {
    margin:0px;
    color:#66f;
  }
  .rodape-produto {
    position:absolute;
    left:0px;
    right:0px;
    bottom:0px;
    padding:10px;
    text-align:center;
    border-top:1px solid #ddd;
  }
}