/**
 * SCENA stylesheet.
 */
/**
 * SCENA General colors
 */
/**
 * SCENA Padding
 */
/**
 * SCENA Mixins
 */
/**
 * SCENA Topic images mixins
 */
/**
 * Compass font-face
 */
html {
  margin: 0;
  padding: 0;
  background-image: url("../images/background/cinema.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 100%; }

body {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 0px;
  padding-left: 0px;
  background-color: white;
  font-family: "Nunito", cursive, sans;
  font-size: 1.6rem;
  background-color: transparent;
  color: white; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Averia Gruesa Libre", cursive, sans; }

h1 {
  font-size: 3rem; }

h2 {
  font-size: 2.5rem; }

h3 {
  font-size: 2rem; }

h4 {
  font-size: 1.8rem; }

header {
  background-color: transparent; }

footer {
  border-top: 0.1rem dashed #918f90;
  padding: 1rem 1rem;
  font-size: 1.5rem;
  color: white;
  background-color: transparent; }

main {
  text-align: justify;
  padding: 1rem 1rem; }
  main ul {
    list-style-type: none; }

img .svg {
  fill: white; }

.container {
  padding-left: 0;
  padding-right: 0; }

.about figure {
  text-align: center; }

.about figcaption {
  color: #918f90;
  font-size: 1.5rem;
  font-weight: bold; }

article {
  padding: 1rem 0; }

.navbar {
  background-color: transparent; }

.navbar-brand {
  padding-top: 0;
  padding-bottom: 0; }

.nav-link {
  font-family: "Averia Gruesa Libre", cursive, sans;
  text-transform: uppercase; }

a {
  color: #f9a72b;
  font-weight: bold; }

.description {
  padding: 2rem 2rem; }
  .description article {
    font-size: 1.25rem;
    font-weight: 500; }

.image-center {
  text-align: center; }
  .image-center img {
    width: 100%;
    height: auto; }

.text-left {
  text-align: left; }

.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  display: block;
  padding: 2rem 0; }

.row {
  margin: 0; }

.section-odd {
  background-color: #eeeeee; }

.section-even {
  background-color: white; }

.row1 .col1 {
  background-position-y: top; }

.row1 .col2 {
  background-position-y: top; }

.row2 .col1 {
  background-position-y: bottom; }

.row2 .col2 {
  background-position-y: bottom; }

.col1 {
  background-position-x: left; }

.col2 {
  background-position-x: right; }

.banner {
  background-position-x: center;
  background-position-y: bottom; }

.cinema {
  background-image: url("../images/background/cinema.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 20rem; }

.reels {
  background-image: url("../images/background/reels.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 20rem; }

.programations {
  background-image: url("../images/background/programations.jpg");
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 20rem; }

#subtitling {
  text-transform: uppercase;
  text-align: center;
  font-weight: bold; }

#contact {
  padding-top: 1rem;
  padding-bottom: 1rem; }

@media only screen and (max-width: 768px) {
  html {
    margin: 0;
    padding: 0;
    background-image: url("../images/background/cinema_small.jpg");
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 100%; }
  footer {
    padding: 0.5rem 0.5rem; }
  .navbar {
    padding: 0.5rem 0.5rem; }
  .navbar-brand {
    margin: 0; }
  .container {
    padding-left: 0.5rem;
    padding-right: 0.5rem; }
  .description {
    padding: 1rem 0.5rem; }
  .row {
    margin: 1rem 0 0 0; }
  .row1 .col1 {
    background-position-y: top; }
  .row1 .col2 {
    background-position-y: top; }
  .row2 .col1 {
    background-position-y: bottom; }
  .row2 .col2 {
    background-position-y: bottom; }
  .col1 {
    background-position-x: center; }
  .col2 {
    background-position-x: center; } }