main {
			width: 1000px;
			height: auto;
			margin-top: 30px;
		}
		
		.hobby-section {
			margin: 0 20px 25px;
			border: 1px solid #ccc;
			background-color: white;			
			padding: 0;
			overflow: hidden;
		}
		
		.left {
			float: left;
			width: 300px;
			height: 220px;
			margin: 0;
			padding: 0;
		}
		.right-text {
			float: left;
			width: calc(100% - 300px);
			box-sizing: border-box;
			padding: 15px;
		}
		
		.hobby-reverse .left-text {
			float: left;
			width: calc(100% - 300px);
			box-sizing: border-box;
			padding: 15px;
		}
		.hobby-reverse .right-img {
			float: right;
			width: 300px;
			height: 220px;
			margin: 0;
			padding: 0;
		}
		
		.left img, .right-img img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			border: none;
		}
		
		h4 {
			font-size: 20px;
			padding: 0 0 15px 0;
			color: #333;
			text-align: center;
		}
		p {
			line-height: 1.6;
			text-align: justify;
		}