header h1 { 
			/*font-size: 50px;*/
			font-weight: bolder;	
		}

		.tool {
			padding: 35px; 
			padding-left: 55px;
			padding-right: 55px;
			box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 
			margin-bottom: 20px; 
			display: flex;
			border: solid 2px #f5f5f5;
			border-radius: 10px; 
			justify-content: space-between;
			gap:40px;
			width: 100%;
		}
		.image {
			width: 40%;
			height: 300px;
			min-width: 400px;
		}

		.image img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.description {

		}
		.info {
			width: 60%;
			min-height: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap:40px;
			align-items: flex-end;
		}
		.text {
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			gap:5px; 
		}
		.new {
			color: #047A92;
			font-weight: bold;
			margin-bottom: 0px; 
		}
		.title {
			color: #DC1914;
			font-size: larger;
			font-weight: bold;
		}
		.info a span span {
			font-weight: bold;
		}
		@media only screen and (max-width: 800px) {
			.tool {
				padding: 15px;
				flex-direction: column;
				gap:10px;
			}
			.image {
				/*min-width: 0px;*/
				max-width: 100%;
			}
			.info {
				width: 100%;
			}
			.image img {
				min-width: 100%;
				object-fit: contain;
			}
		}