#topblock {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999; /* Ensures it stays on top of other content */
	width:100%
}
.styled{
	float:right;
   margin-right: 5px;
   width: 120px;
   border: 1px solid #111;
   overflow: hidden;
   background: url(cal.jpg) 96% / 20% no-repeat #ddd;
   
}


        * {
          box-sizing: border-box;
        }
        img {
          max-height: 20%;
          max-width: 130px;
		  display: block;
		  margin: auto;
        }
        body {
          font-family: "Lucida Sans", sans-serif;
          font-size: 12px;
        } 
		div {max-width:600px;}
		.labelt {font-size: small;}
        .plot {
			width: 400px;
			padding: 5px;
			border: 1px solid red;
		}
		.header { width: 400px; }
		
		ul {
			padding-inline-start: 2px;
			margin: 0 auto;
		}

		li {
			display: inline-block;
			vertical-align: top;
		}
		.movieinfo {width:400px; }
        .container {
			display: grid;
			grid-template-columns: auto;  
        }
        
        .grid-item {
          background-color: #f1f1f1;
          padding: 8px;
        }
        		
        /* larger than default phone size  */
        @media  screen and (min-width: 800px) {
          .container {
            grid-template-columns: auto auto;
          }
        }
        /* even larger than default phone size  */
        @media  screen and (min-width: 1100px) {
          .container {
            grid-template-columns: auto auto auto;
          }
        }
        
        /* Hide element if the viewport width is 600px or less */
        @media screen and (min-width: 600px) {
          #div1 {
            display: none;
          }
        }
    </style>