/*

███████████████████████████████████████████████████████████████
    FOR Yin Yu Website 
    by Yin Yu

Colors: 
    #F7F7F5
    #F7F5F3
    #A3A19D
    #3F4144
    #F8D948

Font:
    font-family: 'Lato', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    font-family: 'Kosugi Maru', sans-serif;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Stick No Bills', sans-serif;

*/


body {
    background-color:#F7F7F5;
    margin: 0;
}

h1 {
    font-family: 'Kosugi Maru', sans-serif;
    font-size: 38px;
    font-weight:400;
    color: #3F4144;
    margin:60px;        
}


h1 a{
     text-decoration: none; 
     color:#A3A19D;
}


h2 {
    font-family: 'Lato', sans-serif; 
    font-size: 18px;
    font-weight: 300;
    color: #A3A19D;   
    margin:50px; 
    line-height: 22px;
    text-decoration: none;   
}

h2 a{
     text-decoration: none; 
     color:#A3A19D;
     transition: text-underline-offset 400ms;   
}


h2 a:hover{
          color: #F8D948;
          z-index: 120;
}

h3 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color:#3F4144;
    margin-left: 200px;
    font-size: 68px;
    line-height: 88px;
          
}

h4 {
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color:#3F4144;
    max-width:800px;
    min-width:350px; 
    font-size: 60px;
    line-height: 88px;
    text-align: center;
}

p {
    font-family: 'Lato', sans-serif; 
    font-size: 18px;
    font-weight: 300;
    color:#3F4144;
    opacity: 100%;
    line-height: 28px;
    margin:40px;
    text-align: justify;

}

img {
  max-width:100%; 
  height: auto;
  pointer-events: none;
}

video {   
  right: 0;
  bottom: 0;
  width: 100%;
  height: inherit;
  position:inherit;
          
}
#videoContainer{
          width: 100%;
          overflow: hidden;
}

iframe {
          width:100%;
          height: 100%;
}





#menu {
  position: fixed;
  color: #f1f1f1;
  width: 100%;
  z-index: 100;
          
}


#userSelect {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none; /* IE 10 and IE 11 */
  user-select: none; /* Standard syntax */
          
}





#row {
          display:flex; 
}


#row2 {
          display:flex; 
    margin-left: 200px;
}

    

#column {

          flex:33.33%;    
          padding: 5px;
}

#column2 {

          flex:50%;    
          padding: 5px;
}


#column p{

      margin-top: 5px;
}


#column2 p{         
  
}






footer p{
    
    
}

#rowBottom {
          display:flex;
}

#columnBottom {

          flex:33.33%;    
          padding: 5px;
}

#columnBottom img{

    margin-left: 200px;
          margin-top: 40px;
          
}


#columnBottom p{
    font-size: 12px; 
    font-family:'Lato', sans-serif;
    color:#A3A19D;
    width: inherit;
    text-align: center;
    margin-top:8px;
    margin-bottom:0px;
    font-weight: 300;
    line-height: 12px;
}