@media all and (min-width:0px) and (max-width: 768px) {
 
    #topbar {
        justify-content: space-between;
        padding: 0px 15px 0px 15px;

    }	
    #topbar > #title{
        xdisplay:none;
    }	

    #content{
        width:100%;
        line-height: 1;
        margin:0px;
        padding:100px 0px 50px 0px;
    }
    
    #movies {
        xpadding:5px;
    }

    .item {
        xborder:1px solid grey;
		justify-content: space-between;
        padding: 10px 10px 10px 10px;
	}

    .item:hover {
        xbackground-color: rgba(255, 255, 255, 0);
    }

	.item > .date {
        xborder:1px solid grey;
	}

    .item > .title {
        xborder:1px solid grey;
        padding: 0px 5px 0px 10px;
        flex:1;
	}


    .item > .year {
        xborder:1px solid grey;
        min-width:10px;
	}


	.item > .tags {
		display:none;
	}

    .item:hover  .date {
        
    }
    
    .item:hover  .title {
     
    }
    
    .item:hover  .year {
        xcolor: rgb(239, 239, 239);
       
    }

    .date-splitter > .month {
        xborder:1px solid red;
        padding: 0px 10px 0px 15px;

   
    }
    
    

}