@viewport {
         width: 100% ;
         zoom: 1.0 ;
}


@-webkit-viewport {
         width: 100% ;
         zoom: 1.0 ;
}

@media screen and (min-width:320px) and (max-width:640px) {
  /* for screens that are at least 320 pixels wide but less than or equal to 640 pixels wide */
}

body{
	background:linear-gradient(red,white);
        background-repeat:no-repeat;
	background-attachment:fixed;
	background-size:100%;
	background-position:0px 0px;
	border: None;
        padding: 50px;
        background-clip: padding-box;
}
header  {
	background-image:url("https://www.mydnavar.com/brca4.jpg");
        background-repeat:no-repeat;
	padding:20px;
	width:100%;
	height:300px;
	background-size:100% 350px;
	position:20px 15px;

	}  
h1 {
	text-indent:80px;
	color:white;
	font-size:35px;
	text-position:80px 350px;
	
}

h2 {
        text-indent:130px;
        color:blue;
        font-size:30px;
        

}



@-webkit-p {
         width:100%;
}

@-ms-p {
         width:100%;
}



p.span  {
        display:block;
        width:100%;
}
p  {
        background-color:gray;
        background-repeat:no-repeat;
        background-attachment:fixed;
        background-size:100%;
        position:static;
        text-indent:80px;
	color: black;
	font-size:30px;
        text-align:central;
       
}