body {
	background: #f9f9f9;
}

div.container {
	width: 100%;
	max-width: 1024px;
	min-height: 100%;
	
	margin: 0px auto;
	padding: 50px;
	
	background: #fff;
}

	div.container div.logo {
		width: 200px;
		
		margin: 0px auto 30px auto;
	}
	
		div.container div.logo img {
			width: 100%;
		}
		
	div.container div.counter {
		margin: 0px auto;
		padding: 10px 15px;
		display: table;
		
		background-color: #469b93;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		
		text-align: center;
		color: #ffffff;
	}
	
		div.container div.counter strong {
			color: #fedd10;
		}
		
	div.container div.search {
		width: 100%;
		
		margin: 0px auto 30px auto;
		padding: 10px 15px 15px 15px;
		display: table;
		
		position: relative;
		
		background-color: #469b93;
		border: 1px solid #e2f0e2;
		border-radius: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
	}
		div.container div.search:focus-within {
			border: 1px solid #469b93;
		}
	
		div.container div.search span {
			width: 100%;
			
			float: left;
			
			font-size: 15px;
			font-weight: normal;
			color: #ffffff;
		}
		
			div.container div.search span p {
				display: inline-block;
				
				font-weight: bold;
				color: #fedd10;
			}

		div.container div.search input {
			width: 100%;
			
			margin: 5px 0px 0px 0px;
			padding: 10px 10px;
			
			border: none;
			outline: none;
			
			background-color: #fff;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			
			font-weight: bold;
			font-size: 13px;
			color: #469b93;
		}
			div.container div.search input::placeholder {
				font-weight: normal;
				color: #a2bbab;
			}
		
		div.container div.search button.clear-btn {
			width: 20px;
			height: 20px;
			
			display: none;
			align-items: center;
			justify-content: center;
			
			position: absolute;
			right: 25px;
			bottom: 15px;
			transform: translateY(-50%);
			
			background: #469d92;
			border: none;
			border-radius: 50%;
			
			font-size: 14px;
			color: white;
			font-weight: bold;
			
			cursor: pointer;
		}
			div.container div.search button.clear-btn:hover {
				background: #091725;
			}
			
			div.container div.search button.clear-btn img {
				width: 80%;
			}


		div.container div.info {
			margin: 20px auto 0px auto;
			padding: 25px 30px;
			display: table;

			background-color: #f9f9f9;
			border: 1px solid #e2f0e2;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			
			font-size: 12px;
			text-align: center;
			color: #385535;
		}

			div.container div.info a {
				text-decoration: underline;
			}
			div.container div.info a:hover {
				text-decoration: none;
			}

		div.container hr {
			width: 100%;
			height: 1px;
			
			margin: 40px 0px;
			
			border: none;
			background-color: #e2f0e2;
		}
			
	div.container div.items {
		width: 100%;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: space-evenly;
		gap: 15px;
	}
	
		div.container div.items a {
			padding: 15px 15px 10px 15px;
			flex: 0 1 130px;
			
			border: 1px solid #7dcbc4;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
		}
		
			div.container div.items div.can div.image {
				width: 100%;
			}
			
				div.container div.items div.can div.image img {
					border-radius: 15px;
				}
			
			div.container div.items div.can div.text {
				width: 100px;
				
				margin: 10px 0px 0px 0px;
			}
			
				div.container div.items div.can div.text span.title {
					width: 100px;
					
					margin: 0px;
					display: block;
					
					font-size: 13px;
					font-weight: bold;
					color: #385535;
					
					overflow: hidden;
					white-space: nowrap;
					text-overflow: ellipsis;
				}
				
				div.container div.items div.can div.text span.year {
					margin: 0px;
					display: block;
					float: left;
					
					font-size: 13px;
					font-weight: bold;
					color: #658b73;
				}
				
				div.container div.items div.can div.text span.state {
					margin: 0px;
					display: block;
					float: right;
					
					font-size: 13px;
					font-weight: bold;
					color: #658b73;
				}
				
					div.container div.items div.can div.text span.state img {
						height: 17px;
						
						margin: 1px 0px 0px 1px;
						float: right;
					}
				
	div.container div.footer {
		width: 100%;
		
		margin: 50px 0px 0px 0px;
		
		font-size: 13px;
		color: #658b73;
		text-align: center;
	}