.message-box { color: #000; text-align: center; font-family: 'Roboto', sans-serif; position: relative; border-top: 8px solid #000; }
.message-box .frame { width: 100%; min-height: 380px; position: relative; padding-top: 35px; }
.message-box h1 { font-size: 48px; line-height: 42px; color: #FFF; font-weight: 400; margin: 0px auto 35px; }
.message-box img { width: 100%; max-height: 380px; min-height: 380px; position: absolute; left: 0; top: 0; }
.message-box p { font-size: 14px; color: #FFF; line-height: 16px; max-width: 280px; font-family: 'Roboto', sans-serif; margin: 0px auto; }
.message-box a { position: relative; padding: 8px 30px; background-color: #FFF; color: #000; font-size: 24px; font-family: 'Roboto', sans-serif; display: inline-block; margin-top: 30px; }
.message-box a:hover{
	background: #000;
	color: #FFF;
}

/*** Tablet ***/
@media only screen and (max-width: 1080px) {
	.message-box { border-top: none; }
	.message-box img { min-height: 310px; max-height: 310px; }
	.message-box .frame { min-height: 310px; padding-top: 30px; }
	.message-box h1 { max-width: 300px; text-align: center; margin: 30px auto 20px; }
	.message-box p { margin-bottom: 10px; }
	.message-box a { margin-top: 20px; }
}
	
/*** Mobile ***/
@media only screen and (max-width: 449px) {
	.message-box img { min-height: 285px; max-height: 285px; }
	.message-box .frame { min-height: 285px; }	
	.message-box a { margin-top: 24px; }
	.message-box h1 { margin: 10px auto 20px; }
}