video {
    position: absolute;
    top:0px;
    left: 0px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.h1-vdo {
    font-family: 'Sriracha', sans-serif;
    font-size: 28px;
    color:#e4b426;
    line-height: 60px;
}

.h2-vdo{
    font-family: 'Raleway', sans-serif;
    font-size: 21px;
    color: #000;
}

#fashion {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

header {
    position: absolute;
    width: 100%;
    text-align: center;
    color: white;
    transition: .4s;
    top: 0px;
    margin-top: 0px;
}

header:hover {
    background: rgba(255,255,255,0.8);
    color: #000;
}

.h2-vdo nav a{
    text-decoration: none;
    color: inherit;
    padding: 1.5rem;
}

.h2-vdo nav a:hover{
    color:#e4b426;
}

h6 {
    font-family: 'Courier New', Courier, monospace;
    font-size: 8vmin;
    text-align: center;
    margin: 2rem 3rem 0;
    mix-blend-mode: overlay;
    color: #fff;
    font-weight: 100;
}

/* --------------------------------------------------------------------------------------- */
/* ----------------------------------- Responsive ---------------------------------------- */
/* ---------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------1200--- */
@media screen and (max-width: 1200px) {
/*--- iPad Mini แนวนอน ---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 25px;
        color:#e4b426;
        line-height: 60px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: 1.5rem;
    }

    #fashion {
        min-height: 78vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h6 {
        font-family: 'Courier New', Courier, monospace;
        font-size: 5vmin;
        text-align: center;
        margin: 2rem 3rem 0;
        mix-blend-mode: overlay;
        color: #fff;
        font-weight: 100;
    }
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------926--- */
@media screen and (max-width: 926px) {
/*--- iPad Mini แนวตั้ง หรือ iPhone12,11,10 แนวนอน---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 22px;
        color:#e4b426;
        line-height: 50px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 18px;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: 1.2rem;
    }

    #fashion {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h6 {
        font-family: 'Courier New', Courier, monospace;
        font-size: 4vmin;
        text-align: center;
        margin: 0;
        mix-blend-mode: overlay;
        color: #fff;
        font-weight: 100;
    }
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------768--- */
@media screen and (max-width: 768px) {
/*--- iPad Mini แนวตั้ง หรือ iPhone12,11,10 แนวนอน---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 22px;
        color:#e4b426;
        line-height: 40px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 20px;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: .7rem;
    }

    #fashion {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h6 {
        font-size: 0px;
        margin: 0;
        font-weight: 0;
    }
}

/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------568--- */
@media only screen and (max-width: 568px) {
/*--- iPhone5 แนวนอน ---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 18px;
        color:#e4b426;
        line-height: 20px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 14px;
    }

    h6 {
        font-size: 0px;
        margin: 0;
        font-weight: 0;
    }

    #fashion {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: .5rem;
    }
}
    
/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------480--- */
@media only screen and (max-width: 480px) {
/*--- iPhone12,11,10 แนวตั้ง ---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 14px;
        color:#e4b426;
        line-height: 20px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 8px;
    }

    h6 {
        font-size: 0px;
        margin: 0;
        font-weight: 0;
    }

    #fashion {
        min-height: 30vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: .4rem;
    }
}
    
/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------320--- */
@media only screen and (max-width: 320px) {
/*--- iPhone5 แนวตั้ง ---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 10px;
        color:#e4b426;
        line-height: 20px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 5px;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: .2;
    }

    #fashion {
        min-height: 38vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    h6 {
        font-size: 0px;
        margin: 0;
        font-weight: 0;
    }
}
    
/* --------------------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------------200--- */
@media only screen and (max-width: 200px) {
/*--- Apple Watch ---*/
    video {
        width: 100%;
        height: auto;
    }

    .h1-vdo {
        font-family: 'Sriracha', sans-serif;
        font-size: 0px;
        color:#e4b426;
        line-height: 0px;
    }

    .h2-vdo{
        font-family: 'Raleway', sans-serif;
        font-size: 0px;
    }

    .h2-vdo nav a{
        text-decoration: none;
        color: inherit;
        padding: .1;
    }

    #fashion {
        min-height: 60vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    h6 {
        font-size: 0px;
        margin: 0;
        font-weight: 0;
    }
}