.grid-container {
				display: grid;
				grid-template-columns: auto auto;
				grid-gap: 16px;
				justify-content: center;
			}
			.grid-container > div {
				text-align: center;
			}
			.grid-header{
				grid-column: 1/span 2;
			}
			#year, #title, #subtitle, #chapter, #subchapter, #subpart, #part{
				background-color: inherit;
				color: #1A48EE;
				font-weight: bold;
				border-radius: 10px;
				border: 2px solid #008AFF;
				padding: 5px;
				text-align: center;
				max-width: 255px;
			}
			#info{
				display: flex;
				justify-content: center;
				margin-top: 10px;
			}
			.container{
				padding: 20px 10px;
				display:flex;
				align-items:center;
				justify-Content:space-between;
				overflow:hidden;
			}
			label{
				display:inline;
			}
			#containContent{
				margin-top:20px;
			}
			.grid-header > h1{
				margin-top:10px;
			}
			#grouper, #grouper2{
				width: 90%;
				margin-left: 5%;
				margin-right: 5%;
				text-align: center;
			}
			#yr{
				background-color: #f9f9f9;
				color: #1A48EE;
				font-weight: bold;
				border-radius: 8px;
				border: 2px solid #008AFF;
				text-align: center;
				padding-left: 5px;
				padding-right: 5px;
			}
			#groupedlabel{
				width: 80%;
			}
			@media screen and (max-width: 991px) {
				#groupedlabel{
					width: 77%;
				}
			}
			@media screen and (max-width:862px) {
				#groupedlabel{
					width: 100%;
					text-align: left;
				}
				#groupedlabel2{
					width: 100%;
					text-align: left;
				}
			}
			@media screen and (max-width:514px){
				#grouper{
					margin-left:unset;
					margin-right:unset;
					width: 100%;
					margin-top:18%;
				}
			}
			@media screen and (max-width: 605px){
			#searchField{
				width:60%;
			}
			}
			@media screen and (max-width:543px){
			#searchField{
				width:55%;
			}
			}
			@media screen and (max-width: 466px){
				.grid-container {
					grid-template-columns: auto;
				}
				.grid-header{
					grid-column: 1/span 1;
				}
				.left{
					text-align: left !important;
				}
				.right{
					text-align: left !important;
				}
				.spacer{
					display:none;
				}
			}
			@media screen and (max-width: 599px){
				.grid-container{
					margin-top:unset;
				}
				.grid-header > h1{
					margin-top:10px;
				}
			}