/*---------------------------------------
  MP4              
-----------------------------------------*/
* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 9px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #e4007f;}
.parallax-section {  background-attachment: fixed !important;  background-size: cover !important;}
#home { overflow:hidden; display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;
  -webkit-align-items: center;  -ms-flex-align: center;   align-items: center;  height: 100vh;  position: relative;  
  padding-bottom:3em; }
#home .mask {background-color:rgba(0,0,0,0.1); width:100%; height:100%; position:absolute; top:0;}
#home .container {width:100%; margin:0 auto; overflow:hidden; text-align:center;   }
#home div.home_text {position:absolute; bottom:10%; text-align:center; width:100%;}
#home h1 { font-family:"noto_m"; color: #fff;  font-size: 3.5em;  text-align:center;   padding:0; margin:0;}
#home p {  color: #fff;  font-size: 20px;  text-align:center; line-height: 40px; }
#home div.row {padding:0 10px;}
#home video {  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;  transition: 1s opacity;}

/*---------------------------------------
 youtube              
-----------------------------------------
* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
::-webkit-scrollbar{  width: 6px;  height: 6px;}
::-webkit-scrollbar-thumb {  cursor: pointer;  background: #252525;}
.parallax-section {  background-attachment: fixed !important;  background-size: cover !important;}
footer {  background: #ffffff;}
#home { overflow:hidden;    align-items: center;  height: 100vh;  position: relative;     }
#home .mask {background-color:rgba(0,0,0,0.35); width:100%; height:100%; position:absolute; top:0;}
#home .container {width:1150px; margin:0 auto; overflow:hidden; padding:0 20px; padding-top:20%;  }
#home h1 { font-family:"noto_r"; color: #f0f0f0;  font-size: 4.5em;     padding:0; margin:0;}
#home p {  color: #f0f0f0;  font-size: 22px;   line-height: 50px;}
#home div.row {padding:0 10px;}
#home .overlay {  position: absolute;  top: 0;  right: 0;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  
background-color: rgba(0,0,0,0.2);}
#home video {  position: absolute;  top: 50%;  left: 50%;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;
  z-index: -100;  transform: translateX(-50%) translateY(-50%);  background-size: cover;  transition: 1s opacity;}
*/

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#home .container {width:100%; padding-top:80%;  }
#home p {  color: #f0f0f0;  font-size: 15px;  line-height: 50px;}
#home h1 {  font-size: 3.8em;  line-height:1.1em; }
#home {}
}
@media (max-width: 768px) {
#home h1 { font-size: 3.5em;  }
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
 #home h1 { font-size: 1.8em;  }
  #home {    height: 50vh;  }
  .about-info h3 {    font-size: 20px;    letter-spacing: 4px;  }
}
@media (max-width: 320px) {
}