h2.mob {
	font-family:Helvetica, Arial, sans-serif;
	background:#fff38c;
	background-image: linear-gradient(bottom, rgb(196,139,96) 0%, rgb(255,244,140) 95%);
	background-image: -o-linear-gradient(bottom, rgb(196,139,96) 0%, rgb(255,244,140) 95%);
	background-image: -moz-linear-gradient(bottom, rgb(196,139,96) 0%, rgb(255,244,140) 95%);
	background-image: -webkit-linear-gradient(bottom, rgb(196,139,96) 0%, rgb(255,244,140) 95%);
	background-image: -ms-linear-gradient(bottom, rgb(196,139,96) 0%, rgb(255,244,140) 95%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, rgb(196,139,96)),
		color-stop(0.95, rgb(255,244,140))
	);
	color:#000;
	width:100%;
	position:absolute;
	font-weight:normal;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-ms-border-bottom-left-radius:5px;
	-o-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-ms-border-bottom-right-radius:5px;
	-o-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}


.closemob {
position: absolute;
right: 32px;
top: 22px;
width: 32px;
height: 32px;
opacity: 0.3;
cursor:pointer;
}
.closemob:hover {
opacity: 1;
}
.closemob:before, .closemob:after {
position: absolute;
left: 15px;
content: ' ';
height: 33px;
width: 2px;
background-color: #333;
}
.closemob:before {
transform: rotate(45deg);
}
.closemob:after {
transform: rotate(-45deg);
}
.show-on-mobile { display: none; }
/* Smartphone Portrait and Landscape */
@media only screen
and (min-device-width : 220px)
and (max-device-width : 780px){ .show-on-mobile { 
display: inline; 
width:100%;
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}}