html {
  height: 100%; }

body {
  background: #000;
  color: #FFF;
  height: 100%; }

a, a.nav-link {
  color: #FFF;
  transition: color 300ms; }
  a:hover, a.nav-link:hover {
    color: #CCC; }

a.btn {
  color: #FFF; }

#navHeader {
  transition: background-color 800ms; }

.shrink #navHeader {
  background: #000;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.8); }

#intro {
  /* The image used */
  background-image: url("../img/hannah-troupe-430145.jpg");
  /* Full height */
  height: 100%;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #intro {
      background-image: url("../img/hannah-troupe-430145-1600.jpg"); } }
  @media screen and (max-width: 800px) {
    #intro {
      background-image: url("../img/hannah-troupe-430145-800.jpg"); } }

#blocco2 {
  background: #000;
  background-image: url("../img/bruno-cervera-408708.jpg");
  padding: 50px 0;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
  position: relative;
  z-index: 2; }
  @media screen and (max-width: 1600px) {
    #blocco2 {
      background-image: url("../img/bruno-cervera-408708-1600.jpg"); } }
  @media screen and (max-width: 800px) {
    #blocco2 {
      background-image: url("../img/bruno-cervera-408708-800.jpg"); } }

#blocco3 {
  background-image: url("../img/vania-shows-429708.jpg");
  padding: 50px 0;
  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 1600px) {
    #blocco3 {
      background-image: url("../img/vania-shows-429708-1600.jpg"); } }
  @media screen and (max-width: 800px) {
    #blocco3 {
      background-image: url("../img/vania-shows-429708-800.jpg"); } }

#footer {
  padding: 10px 0;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.8); }

#contactForm {
  display: none;
  width: 250px; }

#contactMgs {
  padding: 10px;
  display: none;
  font-weight: bold; }

@media (min-width: 500px) {
  #contactForm {
    width: 500px; } }
h1.section-title {
  margin-bottom: 30px;
  font-size: 80px; }

/*# sourceMappingURL=style.css.map */