button
{
	background-color: #FFFAF0;
	border-width: 0;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	color: #008000;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 1em;
	height: 420px;
	width:500px;
	padding: 0 25px;
	transition: all 200ms;
}

.padjust1 { margin-top:-8%;margin-bottom:20px; }
.padjust2 { margin-top:-3%;margin-bottom:20px; }
.padjust3 { margin-top:-8%;margin-bottom:20px; }
.padjust4 { margin-top:-8%;margin-bottom:20px; }
.padjust5 { margin-top:-3%;margin-bottom:20px; }
.padjust6 { margin-top:-3%;margin-bottom:20px; }
.padjust7 { margin-top:-8%;margin-bottom:20px; }
.padjust8 { margin-top:-8%;margin-bottom:20px; }


/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position:fixed; /* Stay in place */
	z-index: 10; /* Sit on top */
	padding-top: 200px; /* Location of the box */
	padding-left: auto;
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow:hidden;  /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
	background-color: #FFFAF0;
        margin:auto;
	padding: 30px;
	border: 1px solid #888;
	width: 50%;
	height:85%;
        overflow:hidden;
	position:relative;
/*	overflow-x: hidden; */
    overflow-y: scroll !important; 
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top:-27px;
	margin-right:-27px;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}


.pcareeradjust 
{
	margin-left:22%;
	margin-right:22%;
   	margin-bottom:10px;
	text-align:center;
	font-size:18px;
	font-weight:100;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	line-height:1.4;
}



@media only screen and (max-width: 767px) 
{ 


button
{
	background-color: #FFFAF0;
	border-width: 0;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	color: #008000;
	cursor: pointer;
	display: inline-block;
	font-family: Arial, sans-serif;
	font-size: 1em;
	height: 200px;
	width:180px;
	padding: 0 25px;
	transition: all 200ms;
}

.padjust1 { margin-top:-10%;margin-bottom:20px; }
.padjust2 { margin-top: 0;margin-bottom:20px; }
.padjust3 { margin-top: 0;margin-bottom:20px; }
.padjust4 { margin-top: -20%;margin-bottom:20px; }
.padjust5 { margin-top: 0;margin-bottom:20px; }
.padjust6 { margin-top: 0;margin-bottom:20px; }
.padjust7 { margin-top: 0;margin-bottom:20px; }
.padjust8 { margin-top:-12%;margin-bottom:20px; }

/* The Modal (background) */
.modal {
display: none; /* Hidden by default */
	position:fixed; /* Stay in place */
	z-index: 10; /* Sit on top */
	padding-top: 50px; /* Location of the box */
	padding-left: auto;
	left: 0;
	top: 0;
	margin-left:-165px;
	width: 180%; /* Full width */
	height: 110%; /* Full height */
	overflow:hidden;  /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.8); /* Black w/ opacity */

}

/* Modal Content */
.modal-content {
	background-color: #FFFAF0;
        margin:auto;
	padding: 30px;
	border: 1px solid #888;
	width: 50%;
	height:85%;
        overflow:hidden;
	position:relative;
/*	overflow-x: hidden; */
    overflow-y: scroll !important; 
}

/* The Close Button */
.close {
	color: #aaaaaa;
	float: right;
	font-size: 28px;
	font-weight: bold;
	margin-top:-27px;
	margin-right:-27px;
}


.pcareeradjust 
{
	margin-left:8%;
	margin-right:8%;
	margin-bottom:10px;
	text-align:center;
	font-size:18px;
	font-weight:100;
	font-style:normal;
	font-family:Helvetica, sans-serif;
	line-height:1.4;
}






}