@font-face {
    font-family: "SansSerifBldFLF"; 
    src: url("/redbullspaceproject/rbspfonts/SansSerifBldFLF.otf") format("opentype"); 
}

@font-face {
    font-family: "SansSerifBookFLF"; 
    src: url("/redbullspaceproject/rbspfonts/SansSerifBookFLF.otf") format("opentype"); 
}

@font-face {
    font-family: "SansSerifExbFLF"; 
    src: url("/redbullspaceproject/rbspfonts/SansSerifExbFLF.otf") format("opentype"); 
}

@font-face {
    font-family: "SansSerifExbFLFCond"; 
    src: url("/redbullspaceproject/rbspfonts/SansSerifExbFLFCond.otf") format("opentype"); 
}

@font-face {
    font-family: "SansSerifFLF-Demibold"; 
    src: url("/redbullspaceproject/rbspfonts/SansSerifFLF-Demibold.otf") format("opentype"); 
}

@font-face {
    font-family: "monoMMM_5"; 
    src: url("/redbullspaceproject/rbspfonts/monoMMM_5.ttf") format("truetype"); 
}

@font-face {
    font-family: "nk57-monospace-no-bd"; 
    src: url("/redbullspaceproject/rbspfonts/nk57-monospace-no-bd.ttf") format("truetype"); 
}

@font-face {
    font-family: "nk57-monospace-no-lt"; 
    src: url("/redbullspaceproject/rbspfonts/nk57-monospace-no-lt.ttf") format("truetype"); 
}
@font-face {
    font-family: "nk57-monospace-no-sb"; 
    src: url("/redbullspaceproject/rbspfonts/nk57-monospace-no-sb.ttf") format("truetype"); 
}

@font-face {
    font-family: "nk57-monospace-se-eb"; 
    src: url("/redbullspaceproject/rbspfonts/nk57-monospace-se-eb.ttf") format("truetype"); 
}


body {
  width: 1500px;
  margin:auto;
  background: #000000;
  font-family:"SansSerifFLF-Demibold";
  font-size:25px;
  color:#b2b2b2;
  }
 @media only screen and (max-width: 800px) {
 body {
   width: 95%;
   font-size:20px;
   margin:0;
   }
}

p {
  margin:30px;
  }
.rbsp-mm21-body {
  display: block;
  margin-left: auto;
  margin-right: auto;
  font-size: 0;}  
  
@media only screen and (max-width: 800px) {
  .rbsp-mm21-body {
   font-size:20px;
   max-width:600px;
   }
}  

.arrowdown {
 display: block;
   text-align: center;
   }

#timeDisplay{
  font-family: "SansSerifBookFLF";
  color: white;
  }
  
.time-container {
  font-family: "SansSerifBookFLF";
  color: white;
  }  
  
@media only screen and (max-width: 800px) {
  #timeDisplay {
   font-size:20px;
   min-width:600px;
   max-width:600px;
   }
}

@media only screen and (max-width: 800px) {
  .time-container {
   font-size:20px;
   min-width:600px;
   max-width:600px;
   }
}    
  
.bg01 {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/01.jpg");
  font-size: 0px;
  height:800px;
   }
 
@media only screen and (max-width: 800px) {
  .bg01 {
   font-size:20px;
   min-width:600px;
   max-width:600px;
   }
}     

.bg01_text {
 display: block;
  text-align: center;
  font-family: "SansSerifBookFLF";
  font-size: 20px;
  color: white;
  padding-top: 100px;
   }
   
@media only screen and (max-width: 800px) {
  .bg01_text {
   font-size:20px;
   }
}       

.bg03a {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/03a.jpg");
  }
  
@media only screen and (max-width: 800px) {
  .bg03a {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/03a_600.jpg");
  background-repeat: no-repeat;
   font-size:20px;
   min-width:600px;
   max-width:600px;
   
   }
}         

.bg03b {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/03b.jpg");
  }
  
   
@media only screen and (max-width: 800px) {
  .bg03b {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/03b_600px.jpg");
  background-repeat: no-repeat;
   font-size:20px;
   min-width:600px;
   max-width:600px;
   
   }
}       

.bg3c {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/03c.jpg");
  background-repeat: no-repeat;
  font-size: 0px;
  height:800px;
   }
   
@media only screen and (max-width: 800px) {
  .bg3c {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/03c_600px.jpg");
  background-repeat: no-repeat;
   font-size:20px;
   min-width:600px;
   max-width:600px;
   margin: auto 0;
   
   }
}     
   

.bg3c_text {
 display: block;
  text-align: center;
  font-family: "SansSerifExbFLF";
  font-size: 25px;
  color: white;
  padding-top: 100px;
  z-index: 3;
   }

@media only screen and (max-width: 800px) {
  .bg3c_text {
   max-width: 75%;
   font-size:14px;
   }
} 
   
.bg_laptoppeering {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/mm21_laptoppeering.jpg");
  font-size: 0px;
  height:600px;
  width:auto;
   }
   
@media only screen and (max-width: 800px) {
  .bg_laptoppeering {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/mm21_laptoppeering_600px.jpg");
  background-repeat: no-repeat;
   font-size:20px;
  min-width:600px;
  max-width:600px;
  height:auto;
   }
}       

.bg_laptoppeering_text {
 display: block;
  text-align: left;
  font-size: 25px;
  color: white;
  padding-top: 10px;
  z-index: 3;
  padding-left:25px;
   } 
   
@media only screen and (max-width: 800px) {
  .bg_laptoppeering_text {
   max-width: 75%;
   font-size:14px;
   }
}  

.bg_thermoregulatedbread {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/mm21_laptoppeering.jpg");
  font-size: 0px;
  height:600px;
  width:auto;
   }
   
@media only screen and (max-width: 800px) {
  .bg_thermoregulatedbread {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/mm21_thermoregulatedbreadforreal_600px.jpg");
  background-repeat: no-repeat;
   font-size:20px;
  min-width:600px;
  max-width:600px;
  height:auto;
   }
}       

.bg_thermoregulatedbread_text_01 {
 display: block;
  text-align: left;
  color: white;
  padding-top: 10px;
  z-index: 3;
  padding-left:25px;
   } 
   
@media (min-width:480px) {
  .bg_thermoregulatedbread_text_01 {
   max-width: 75%;
   }
}  

.bg_thermoregulatedbread_text_02 {
 display: block;
  text-align: right;
  font-size: 25px;
  color: white;
  padding-top: 10px;
  z-index: 3;
  padding-left:25px;
   } 
   
@media only screen and (max-width: 800px) {
  .bg_thermoregulatedbread_text_02 {
   max-width: 75%;
   font-size:14px;
   padding-left:0px;
   }
}   

.bg_sleepingbag {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/mm21_sleepingbag.jpg");
  height:600px;
  width:auto;
   }
   
@media only screen and (max-width: 800px) {
  .bg_sleepingbag {
  background-image: url("/redbullspaceproject/rbspimages/rbsp-mm21/600px_images/mm21_sleepingbag_600px.jpg");
  background-repeat: no-repeat;
   font-size:20px;
  min-width:600px;
  max-width:600px;
  height:auto;
   }
}