html {
    font-family: serif;
}

html, body {
    overflow-x: hidden;
}

h1 {
    position: fixed;
    font-size: 8vmin;
    margin: 0;
    opacity: 0.5;
    z-index: 100;
    top: 30vh;
    left: 1vmin;
    writing-mode: vertical-rl;
    line-height: 0.6;
}

.head-title {
    margin: 0;
    margin-top: 12vmin;
    padding-top: 2vmin;
    padding-bottom: 2vmin;
    padding-left: 10vmin;
    text-align: left;
    font-size: 5vmin;
    border-top: #919191 1px solid;
    border-bottom: #919191 1px solid;
    box-shadow: #ffffff 0px 0px 12px;
}

@media screen and (max-width: 1250px) { /*phone*/
    .head-title {
        margin-top: 20vmin;
        font-size: 8vmin;
    }
}