/* standard text styles */
html, p, ol, body, td, th, .text, ul, li, input, select , textarea, button {
	color:#FFFFFF;
	font-family: 'Roboto', sans-serif;
	font-size: 1rem;
}

/* custom text styles */


/* link styles */
a:link			{ color:#5e7ccb; text-decoration:none; }
a:visited		{ color:#5e7ccb; text-decoration:none; }
a:hover			{ color:#253f83; text-decoration:underline; }
a:active		{ color:#253f83; text-decoration:underline; }

.top_piece_table {
	display: table;
	width:100%;
	height:55vh;
	background:#000000;
	
}
.top_piece_cell {
	display: table-cell;
	vertical-align: middle;	
}
.rockbeach22_img {
	padding-top: 40px;
	width:70%;
	max-width:1000px;
}
.rockbeach22_img_small {
	margin-top:20px;
	width:10%;
}
.rockbeach22_subtitle {
	color:#BE1E2D;
	font-size: 1.35rem;
	margin-bottom:30px;
}

.bottom_piece {
	padding-top: 20px;
	font-size: 1.45rem;
}
.creator_remark {
	padding-top: 40px;
	font-size: 1rem;
}
.div_info {
	padding-top: 0px;
	font-size: 0.75rem;
}
.main_claim {
	color:#efefef;
	padding-top: 20px;
	font-size: 1.2rem;
	line-height: 1.8rem;
}

@media screen and (max-width: 901px) and (orientation: portrait){
	.top_piece_table {
		height:40vh;
	}
	.rockbeach22_img {
		width:90%;
	}
	.rockbeach22_img_small {
		margin-top:30px;
		width:20%;
	}
	.rockbeach22_subtitle {
		font-size: 1.6rem;
		margin-bottom:50px;
	}
	.div_info {
		padding-top: 0px;
		font-size: 1.5rem;
	}
	.main_claim {
		padding-top: 60px;
		font-size: 2rem;
		line-height: 2.8rem;
	}
	.creator_remark {
		padding-top: 200px;
		font-size: 1.2rem;
	}

}

@media screen and (max-width: 901px) and (orientation: landscape){
	.top_piece_table {
		height:40vh;
	}
	.rockbeach22_img_small {
		margin-top:10px;
		width:10%;
	}
	.rockbeach22_subtitle {
		font-size: 1rem;
		margin-bottom:15px;
	}
}