#info h1{
    font-family: "League Gothic", sans-serif;
    font-optical-sizing: auto;
    font-size: 30pt;
    font-weight: 400;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}

#container{
    width:100%;
    position: relative;
    text-align: center;
}

#info p{
    font-size: 18pt;
}

@media only screen and (min-width:850px){ /*desktop view*/
    #poster{
        position:relative;
        width:45%;
        max-width: 500px;
        display:inline-block;
        background-image: url("../images/march.jpg");
        background-position: center;
        min-height: 100vh;
        background-size: cover;
    }
    #info{
        width: 45%;
        position: relative;
        display: inline-block;
        padding:20px;
        vertical-align: top;
        max-width:500px;
    }
}

@media only screen and (max-width:850px){ /*mobile view*/
    #poster{
        position:relative;
        width:100%;
        display:inline-block;
        background-image: url("../images/march.jpg");
        background-position: center;
        height:200px;
        background-size: cover;
    }
    #info{
        width: 100%;
        position: relative;
        display: inline-block;
        padding:20px;
        vertical-align: top;
    }
}