@charset "utf-8";

.message{
	top: 100px;
	left: 550px;
	width: 400px;
	height: 190px;
	z-index: 2;
	position: fixed;
	background-color: #ffffff;
	color: #a0770d;
	overflow: hidden;
	border: 10px solid #a0770d;
	webkit-border-radius: 30px;
	moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	font-stretch: wider;
 }
@media only screen and (max-width: 40em) {
  .message {
	left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	width: 300px;
	height: 190px;
  }}

.popup{
	top: 100px;
	left: 550px;
	width: 480px;
	height: 190px;
	z-index: 2;
	position: fixed;
	background-color: #ffffff;
	color: #a0770d;
	overflow: hidden;
	border: 10px solid #a0770d;
	webkit-border-radius: 30px;
	moz-border-radius: 30px;
	border-radius: 30px;
	font-size: 15px;
	font-weight:bold;
	text-align: center;
	font-stretch: wider;
 }
 .hidden{
    visibility:hidden;
 }