/*
  _   _       _   _     _               _                          _ _   _                  
 | \ | |     | | | |   (_)             | |                        (_) | | |                 
 |  \| | ___ | |_| |__  _ _ __   __ _  | |__   ___ _ __ ___    ___ _| |_| |__   ___ _ __    
 | . ` |/ _ \| __| '_ \| | '_ \ / _` | | '_ \ / _ \ '__/ _ \  / _ \ | __| '_ \ / _ \ '__|   
 | |\  | (_) | |_| | | | | | | | (_| | | | | |  __/ | |  __/ |  __/ | |_| | | |  __/ |_ _ _ 
 |_| \_|\___/ \__|_| |_|_|_| |_|\__, | |_| |_|\___|_|  \___|  \___|_|\__|_| |_|\___|_(_|_|_)
                                 __/ |                                                      
                                |___/                                                       
*/

* { 
  box-sizing: border-box; 
}

body {
  background-color: #000000;
  margin:0;
  padding:0 
}

.background_1 {
  background: url('background_1.jpg') no-repeat center bottom fixed;
  background-size: cover;
}

.background_2 {
  background: url('background_2.jpg') no-repeat center bottom fixed;
  background-size: cover;
}

.background_3 {
  background: url('background_3.jpg') no-repeat center bottom fixed;
  background-size: cover;
}

.background_4 {
  background: url('background_4.jpg') no-repeat center center fixed;
  background-size: cover;
}

.background_5 {
  background: url('background_5.jpg') no-repeat center bottom fixed;
  background-size: cover;
}

.background_6 {
  background: url('background_6.jpg') no-repeat center bottom fixed;
  background-size: cover;
}

.background_7 {
  background: url('background_7.jpg') no-repeat right top fixed;
  background-size: cover;
}

.background_8 {
  background: url('background_8.jpg') no-repeat right center fixed;
  background-size: cover;
}

.background_9 {
  background: url('background_9.jpg') no-repeat center center fixed;
  background-size: cover;
}

.container {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: fixed;
  width: 100%
}

@media (orientation: portrait) {
  .background_1 {
    background: url('background_1_portrait.jpg') no-repeat center bottom fixed;
    background-size: cover;
  }

  .background_2 {
    background: url('background_2_portrait.jpg') no-repeat center bottom fixed;
    background-size: cover;
  }

  .background_3 {
    background: url('background_3_portrait.jpg') no-repeat center bottom fixed;
    background-size: cover;
  }

  .background_4 {
    background: url('background_4_portrait.jpg') no-repeat center center fixed;
    background-size: cover;
  }

  .background_5 {
    background: url('background_5_portrait.jpg') no-repeat center center fixed;
    background-size: cover;
  }

  .background_6 {
    background: url('background_6_portrait.jpg') no-repeat center bottom fixed;
    background-size: cover;
  }

  .background_7 {
    background: url('background_7_portrait.jpg') no-repeat center top fixed;
    background-size: cover;
  }

  .background_8 {
    background: url('background_8_portrait.jpg') no-repeat center bottom fixed;
    background-size: cover;
  }

  .background_9 {
    background: url('background_9_portrait.jpg') no-repeat right center fixed;
    background-size: cover;
  }
}