body{
  background-color: #131626;
}

* {
  margin: 0;
  padding:0;
  box-sizing: border-box;
}


// Shop
.container{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container script{
    width:  100%;
}

.container .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(-300%);
  font-size: 50px;
}

// Gallery
.container2{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container2 script{
    width:  100%;
}

.container2 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 50px;
}

// Contact
.container3{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container3 script{
    width:  100%;
}

.container3 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(200%);
  font-size: 50px;
}


// ARTOFGUANBRANDING
.container4{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container4 script{
    width:  100%;
}

.container4 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(500%);
  font-size: 50px;
}

// Second Page -Notice!1-

.container5{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container5 script{
    width:  100%;
}

.container5 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 50px;
}


// Third Page -Notice!2-
.container6{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container6 script{
    width:  100%;
}

.container6 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 50px;
}

// Fourth Page -Contact- -Home-
.container7{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container7 script{
    width:  100%;
}

.container7 .text{
  position:  absolute;
  color: white;
  text-align: right;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 50px;
}

// Business Email
.container8{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container8 script{
    width:  100%;
}

.container8 .text{
  position:  absolute;
  color: white;
  text-align: right;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(125%);
  font-size: 25px;
}

// Email
.container9{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container9 script{
    width:  100%;
}

.container9 .text{
  position:  absolute;
  color: white;
  text-align: right;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(200%);
  font-size: 25px;
}

.container10{
  width:  100%;
  height:  auto;
  position:  relative;
}

.container10 script{
    width:  100%;
}

.container10 .text{
  position:  absolute;
  color: white;
  text-align: center;
  top:  50%;
  left: 50%;
  transform: translateX(-50%) translateY(100%);
  font-size: 25px;
}




.valueDisplay{
  color: #f7bd8f;
  margin-left: 20px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:100;
}

.Slider{
  -webkit-appearance: none;
  background: #131626;
  height:16px;
  width:250px;
  border-radius: 8px;
  border: 1px solid #f7bd8f;
  margin-top: 5px;
  margin-left: 20px;
  margin-bottom: 20px;
}


.Slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width:12px;
  height:12px;
  border-radius: 6px;
  background: #f7bd8f;
  outline: none;
}