@media only screen and (max-width: 800px) { 

    h1{
        font-size: 5em;
        letter-spacing: 10px;
        margin-right:-10px;
    }

}

@media only screen and (max-width: 600px) { 

    h1{
        font-size: 2.5em;
        letter-spacing: 8px;
        margin-right:-8px;
    }


    .button_rect{
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:200px;
    }

}

@media only screen and (max-width: 500px) { 

    h1{
        font-size: 1.5em;
    }

    .copyright{
        font-size:1em;
        top:10px;
        right:15px;
        writing-mode: inherit;
        text-orientation: inherit;

    }

    .copyright > div{
        display:none;
        background:black;
        width:100vw;
        left:auto;
        right:-15px;
        top:0;
    }

    .copyright:hover > div{
        display:block;
    }

    .bg_img{
        width:calc(100vw - 20px);
        height:calc(100vh - 20px);
        margin:10px;
    }

}

@media only screen and (max-height: 800px) { 

.stream{
    padding-bottom:20px;
}

.bg_img{
    width:calc(100vw - 20px);
    height:calc(100vh - 20px);
    margin:10px;
}

}

@media only screen and (max-height: 500px) { 
    .title{
        top:30px;
        transform:translateX(-50%);
    }
}