/*
    font-family: 'Roboto Slab', serif;
    font-family: 'Roboto', sans-serif;
    font-family: 'Lato', sans-serif;
 */
body {
  overflow-x: hidden !important;
  font-family: 'Lato', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #032a35;
}

p {
  color: #032a35;
}

/* cores */
.bg-dark {
  background-color: #032a35 !important;
}

a.bg-dark:hover,
a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #032a35 !important;
}

.navbar-dark .navbar-brand {
  color: #fff;
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.7);
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}

.btn-dark {
  color: #fff;
  background-color: #032a35;
  border-color: #343a40;
}

.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}

.btn-dark:focus,
.btn-dark.focus {
  box-shadow: 0 0 0 0.2rem rgba(82, 88, 93, 0.5);
}

.bg-light {
  background-color: #d8d9d9 !important;
}

a.bg-light:hover,
a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-cz-claro {
  background-color: #f6f6f6 !important;
  border-radius: 0;
  margin: 25px 0;
  padding: 20px 10px !important;
}

a.bg-cz-claro:hover,
a.bg-cz-claro:focus,
button.bg-cz-claro:hover,
button.bg-cz-claro:focus {
  background-color: #dae0e5 !important;
}

.bg-danger {
  background-color: #f53d68 !important;
}

a.bg-danger:hover,
a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #bd2130 !important;
}

/* fim cores */
.navbar {
  font-family: 'Roboto Slab', serif !important;
}

/* .logo {
  margin-top: 30%;
}

.datas {
  margin-top: 80%;
} */
@media (max-width:576px) {
  .banner {
    height: 300px;
  }
}

@media (min-width:577px) and (max-width:767px) {
  .banner {
    height: 400px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .banner {
    height: 500px;
  }
}

@media (min-width:992px) and (max-width:1200px) {
  .banner {
    height: 640px;
  }
}

@media (min-width:1201px) {
  .banner {
    height: 800px;
  }
}

.trama {
  background-image: url('img/trama.jpg');
  background-repeat: repeat-y;
  background-size: 100%;
  background-position: top center;
  position: relative;
  z-index: 10;
}

.horarios {
  font-size: 1.0em;
  line-height: 2.2em;
}

.tarja {
  position: relative;
  background-color: #74ffe6;
  width: 100%;
}

.nome {
  font-size: 1.1em;
}

.roboto-slab {
  font-family: 'Roboto Slab', serif;
}

.maior {
  font-size: 1.30em;
}

.como-chegar {
  font-size: 2em;
  margin-bottom: 0;
}

/* programaçao */
.tb-borda-left {
  border-left: 1px solid #f3eded;
}

.table {
  width: 70% !important;
}

.tb-programacao {
  width: 70% !important;
  margin: 15px auto;
}

.tb-bg {
  background-color: #f3f3f3 !important;
}

@media (max-width:992px) {
  .tb-programacao {
    width: 90% !important;
    margin: 15px auto;
  }
}