@font-face {
	font-family: 'NB-International-Bold';
	src: url('https://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.eot'),
    url('https://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.woff') format('woff'),

	     url('https://www.chris--baker.com/fonts/nb/nb_international_bold_webfont.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'NB-International-Regular';
	src: url('https://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.eot'),
url('https://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.woff') format('woff'),
	     url('https://www.chris--baker.com/fonts/nb/nb_international_regular_webfont.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
  margin: 0px;
  letter-spacing: -1px;


}
sup{
    font-size: calc((50px + (2vh + 2vw))/2);
      font-family: 'NB-International-Bold';

}
body a {
  color: inherit;
  text-decoration: none;
 }
 h2{
  margin: 0px;
  padding: 10px;
}

.home {
    font-family: 'NB-International-Regular';
    font-size: calc((100px + (5vh + 4vw))/2);
    color: black;
    text-decoration: none;
    position: relative;
    margin: 50px;
    margin-bottom: 0px;
}

img {
    max-width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}
.image-preview{
  margin:50px;
  margin-top: calc((4vh + 4vw)/2);
  position: fixed;
  width:47.2vw;
  height: calc((40vh + 40vw)/2);
  overflow: hidden;
  z-index: 600;
  opacity: 0.975;
    pointer-events:none;
    background:none !important;
}
.wrapper{
    position:relative;
      width:3000px;
    height:200px;
    margin-left: 0px;
        padding-left: 0px;
}
.container{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;}
.csmemerge_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1350px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.cern_code{
  height: calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);
    width:950px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.beecause_code{
height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:700px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling{
  width: 3000px;
  margin-left: 0px;
        padding-left: 0px;
}

.container2{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;
}
.youandai_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:800px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.atotallyaveragelife_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1300px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.vibecheck_code{
  height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:900px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling2{
  width:3000px;
  margin-left: 0px;
        padding-left: 0px;
}
.container3{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
        margin-left: 0px;
        padding-left: 0px;

}
.touchsound_code{
    height:calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);;
    width: 650px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.okone_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width: 650px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}

.ourbrand_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1700px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}

.horizontal_scrolling3{
  width:3000px;
  margin-left: 0px;
        padding-left: 0px;
}
.left-arr,.right-arr{
  position: absolute;
  height:10px;
  width:10px;
  top:95px;
  cursor:pointer;
}
.left-arr{ left:15px;}
.right-arr{ right:15px;}

@media only screen and (max-device-width: 480px)
{
  .home {
    font-family: 'NB-International-Regular';
    font-size: calc((20px + (5vh + 4vw))/2);
    color: black;
    width:1000px;
    text-decoration: none;
    position: fixed;
    margin: 50px;
    margin-bottom: 0px;
  }
  .image-preview
  {
    margin:50px;
    margin-top: -325px;
    position: fixed;
    width: 90%;
    height: 92%;
    overflow: hidden;
    z-index: 600;
    opacity: 0.9;
    pointer-events:none;
    background:none !important;
  }
    .wrapper{
      position:relative;
        width:1500px;
      height:200px;
      margin-left: 0px;
          padding-left: 0px;
  }
  .container{
      width:1500px;
      height:calc((0.1vh + 0.1vw)/2);
  margin-left: 50px;
          padding-left: 0px;}
  .csmemerge_code{
    position: absolute;
    margin-top: 675px;
      height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:1500px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .cern_code{
    position: absolute;
    margin-top: 975px;
    height: calc((5vh + 5vw)/2);
      line-height: calc((5vh + 5vw)/2);
      width:950px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .beecause_code{
    position: absolute;
    margin-top: 1275px;
  height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:700px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .horizontal_scrolling{
    width: 1000px;
    margin-left: 0px;
          padding-left: 0px;
  }

  .container2{
      width:1000px;
      height:calc((0.1vh + 0.1vw)/2);
  margin-left: 50px;
          padding-left: 0px;
  }
  .youandai_code{
    position: absolute;
    margin-top: 775px;
      height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:800px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .atotallyaveragelife_code{
    position: absolute;
    margin-top: 1075px;
   height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:1300px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .vibecheck_code{
    position: absolute;
    margin-top: 1375px;
    height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:900px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .horizontal_scrolling2{
    width:1000px;
    margin-left: 0px;
          padding-left: 0px;
  }
  .container3{
      width:1000px;
      height:calc((0.1vh + 0.1vw)/2);

          margin-left: 50px;
          padding-left: 0px;

  }
  .touchsound_code{
    position: absolute;
    margin-top: 875px;
      height:calc((5vh + 5vw)/2);
      line-height: calc((5vh + 5vw)/2);;
      width:1500px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
  .okone_code{
    position: absolute;
    margin-top: 1175px;
   height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:1500px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }
   .ourbrand_code{
    position: absolute;
    margin-top: 1475px;
   height:calc((5vh + 5vw)/2);
      line-height:calc((5vh + 5vw)/2);
      width:1500px;
      float: left;
      text-align: left;
    font-size: calc((20px + (5vh + 4vw))/2);
    font-family: 'NB-International-Regular';
  }

  .horizontal_scrolling3{
    width:1000px;
    margin-left: 0px;
          padding-left: 0px;
  }
  .left-arr,.right-arr{
    position: absolute;
    height:10px;
    width:10px;
    top:95px;
    cursor:pointer;
  }
}

@media all and (max-device-width: 3000px) and (min-device-width: 1501px) {
  .wrapper{
    position:relative;
      width:3000px;
    height:200px;
    margin-left: 0px;
        padding-left: 0px;
}
.container{
    width:3000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;}
.csmemerge_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1800px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.cern_code{
  height: calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);
    width:1200px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.beecause_code{
height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1000px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling{
  width: 4000px;
  margin-left: 0px;
        padding-left: 0px;
}

.container2{
    width:3000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;
}
.touchsound_code{
    height:calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);;
    width:1200px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.atotallyaveragelife_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1600px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.vibecheck_code{
  height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1200px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling2{
  width:4000px;
  margin-left: 0px;
        padding-left: 0px;
}
.container3{
    width:3000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
        margin-left: 0px;
        padding-left: 0px;

}
.youandai_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1000px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.okone_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1200px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.ourbrand_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1800px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling3{
  width:4000px;
  margin-left: 0px;
        padding-left: 0px;
}
}
@media all and (max-device-width: 1500px) and (min-device-width: 1200px) {

  .wrapper{
    position:relative;
      width:2000px;
    height:200px;
    margin-left: 0px;
        padding-left: 0px;
}
.container{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;}
.csmemerge_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1300px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.cern_code{
  height: calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);
    width:900px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.beecause_code{
height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:800px;
    float: left;
    text-align: left;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling{
  width: 3000px;
  margin-left: 0px;
        padding-left: 0px;
}

.container2{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;
}
.touchsound_code{
    height:calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);;
    width:900px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.atotallyaveragelife_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1300px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.vibecheck_code{
  height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:800px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling2{
  width:3000px;
  margin-left: 0px;
        padding-left: 0px;
}
.container3{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
        margin-left: 0px;
        padding-left: 0px;

}
.youandai_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:600px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.okone_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:900px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.ourbrand_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1500px;
    float: left;
    text-align: center;
  font-size: calc((100px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling3{
  width:3000px;
  margin-left: 0px;
        padding-left: 0px;
}
}
@media all and (max-device-width: 1200px) and (min-device-width: 900px) {

  .wrapper{
    position:relative;
      width:2000px;
    height:200px;
    margin-left: 0px;
        padding-left: 0px;
}
.container{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;}
.csmemerge_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1100px;
    float: left;
    text-align: left;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.cern_code{
  height: calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);
    width:700px;
    float: left;
    text-align: left;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.beecause_code{
height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:500px;
    float: left;
    text-align: left;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling{
  width: 2300px;
  margin-left: 0px;
        padding-left: 0px;
}

.container2{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
margin-left: 0px;
        padding-left: 0px;
}
.touchsound_code{
    height:calc((15vh + 15vw)/2);
    line-height: calc((15vh + 15vw)/2);;
    width:700px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.atotallyaveragelife_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1100px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.vibecheck_code{
  height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:500px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling2{
  width:2300px;
  margin-left: 0px;
        padding-left: 0px;
}
.container3{
    width:2000px;
    height:calc((15vh + 15vw)/2);
    overflow:hidden;
    overflow-x:scroll;
        margin-left: 0px;
        padding-left: 0px;

}
.youandai_code{
    height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:500px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.okone_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:700px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.ourbrand_code{
 height:calc((15vh + 15vw)/2);
    line-height:calc((15vh + 15vw)/2);
    width:1100px;
    float: left;
    text-align: center;
  font-size: calc((80px + (5vh + 4vw))/2);
  font-family: 'NB-International-Regular';
}
.horizontal_scrolling3{
  width:2300px;
  margin-left: 0px;
        padding-left: 0px;
}
}