body {
	margin: 0;
	padding: 0;
	color:#FFF;
}
.demo_wrapper {
	/* width: 50%; */
	
	margin: 0 auto;
}
@media only screen and (max-device-width: 800px), screen and (max-width: 800px) {
  .demo_wrapper {
	/* width: 80%; */
  }  
}
.demo_block {
	width: 100%;
	alignment-adjust:central;
}

.h1 {
	text-align:right;
	width:40%;
	color: #ff5733 !important;
	font-size:40px  !important;
	font-family:FjallaOne-Regular;
	vertical-align:bottom;
}

.p {
	text-align: left;
	width:40%;
	color: #fffff;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:bottom;
}



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

.h1 {
	text-align:right;
	width:40%;
	color: #ff5733 !important;
	font-size:15px  !important;
	font-family:FjallaOne-Regular;
	vertical-align:bottom;
}


.p {
    text-align: left;
	width:20%;
	color: #fffff;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:bottom;
}
 
}