.earthquake-panel {
	display: flex;
	flex-wrap: wrap; 
	color:white; 
	background-color:#243836; 
	padding:20px;
	border-radius:10px; 
	margin:15px 5px 5px 5px; 
	font-family:arial;"
}

.intensity-panel { 
	padding:30px 20px 0 20px;
	border-radius:10px;
	margin:5px;
	text-align:center;
	color:#243836;
	max-width:200px;
	flex: 1 1 200px;
	font-weight:600;
	display: grid;
	grid-template-columns: 1fr;
	align-content: start;

	.big {
		font-size:50pt;
		padding: 0;
	}

	.small {
		font-size:15pt;
		padding: 0;
	}

}

@media (max-width: 750px) {

	.intensity-panel {
		grid-template-columns: 1fr 1fr;
		max-width:none;
	}

	.quake-notes {
		margin: 0 -20px 0 -20px;
	}

}

.main-info-panel {
	padding:10px 20px 10px 20px;
	flex: 5 1 400px;

	.quake-heading {
		font-size:30pt; 
		font-weight:600;
		display:grid;
		grid-template-columns:2fr 1fr;

		.japanese {
			text-align:right;
			font-size:22pt;

			.deco-box {
				background-color:#11211F;
				margin-top:10px;
				padding:5px 8px 5px 8px;
				border-radius: 5px;
			}
		}
	}

	@media (max-width: 1300px) {
		.quake-heading {
			.japanese {
				font-size:18pt;
			}
		}
	}

	@media (max-width: 1125px) {

		.quake-heading {
			grid-template-columns: 1fr;

			.japanese {
				font-size:18pt;
				text-align:left;
				margin-top:10px;
			}
		}
	}

	@media (max-width: 500px) {

		.quake-heading {

			.english {
				font-size:28pt;
			}
		}
	}

	table {
		border: 0;
		margin: 20px 0 0 0;
		padding: 0 10px 0 10px;
	}

	tr {
		border:0; 
		margin: 0; 
		padding: 0;
	}

	td {
		border:0; 
		margin: 0 0 0 0; 
		padding: 0 8px 20px 0; 
		font-size:12pt;

		.big {
			font-size:16pt;
		}

		.small {
			font-size:11pt;
		}
	}
}

.quake-notes {
	background-color:#11211F; 
	border-radius:10pt; 
	padding:1px 0 0 0;

	p {
		line-height: 18pt;
		padding:0 20px 0 20px;

		strong {
			line-height:30pt;
		}
	}

	a {
		color:#A2ABAA;
	}
	a:hover {
		color:white;
	}
}