* {
	cursor: url("../img/cursor.png"), default; }

body {
	padding-top: 10px;
	background: url("../img/pattern.gif") repeat;
	font-family: 'Inconsolata', monospace;
	font-size: 1.45em;
}

b, strong{
color:#ea727e;    
font-weight: bold;
}

.btn {
  flex: 1 1 auto;
  padding: 10px;
  text-align: center;
  text-transform: uppercase;
  transition: 0.5s;
  background-size: 200% auto;
  color: white;
 /* text-shadow: 0px 0px 10px rgba(0,0,0,0.2);*/
  box-shadow: 0 0 20px #eee;
  border-radius: 10px;
 }

.btn:hover {
    color:#2b1d47;
  background-position: right center; /* change the direction of the change here */
}

.btn-1 {
  background-image: linear-gradient(to right, #f6d365 0%, #fda085 51%, #f6d365 100%);
}

h1.title{
font-family: 'Press Start 2P', cursive;
font-size:30px;
}

.margin-bottom-15{
 margin-bottom:15px;   
}

.margin-bottom-30{
 margin-bottom:30px;   
}

/*For Image */
.header {
	/*max-width: 780px;*/
	margin-left: auto;
	margin-right: auto;
}


#mountain:before{
content:"";
width: 100%;
height: 93px;
left:0;
position: absolute;
background:url("../img/mountain.png") repeat-x;
}

#mountain{
}

.main{
    width: 100%;
    background:#ffc0b3;
    margin-top:93px;
    padding-bottom:40px;
}

.inner{
    background:#ffffff;
    padding:40px;
    margin-top:10px;
    border-radius: 30px;
    max-width:600px;
    margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #444444;
}

h4{
    font-family: 'Press Start 2P', cursive;
    font-size:12px;
    color:#bf148d;
    text-transform: uppercase;
    letter-spacing:1px;
    text-shadow: -3px 3px 0 #ffaf59; 
    text-align: center;
}

#scroll {
    position:fixed;
    right:20px;
    bottom:10px;
    width:52px;
    height:112px;
    cursor:pointer;
    background:url(../img/star.gif);
    background-color:transparent;
    text-indent:-9999px;
    display:none;
}
#scroll:hover {
    background-color:transparent !important;
    background:url(../img/star2.gif);
}

/*For body content */
.content {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #444444;
	margin-bottom: 60px;
}

.content:before {
	content: " ";
	background: url(../img/tab.png) no-repeat;
	display: block;
	height: 20px;
	width: auto;
}

.content:after {
	content: " ";
	background: url(../img/end.png) no-repeat;
	display: block;
	height: 10px;
	width: auto;
}


.content-bg {
	background-image: url("../img/window.png");
	background-repeat: repeat-y;
}

.inner-content {
	padding: 20px;
	max-width: 590px;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}


@media (max-width: 767px) {
.content:before {
    display: none;
}
    
.content:after {
    display:none;
}


.content-bg {
	background-image:none;
    border-top:10px solid #fe9899;
    border-bottom:10px solid #fe9899;
}    
}
/*For body content */

