/* globals and small device first */

html {
	
	height:100%;

	margin-left:  5px ;
	margin-right: 5px ; 
	overflow-y: scroll; /* prevents a scrolling jump horizontally*/
	position: relative;
	min-height: 100%; 
	
}

body {
	margin:0; padding:0; height:100%;
	background-color: #fdf9e7;
	font-family:arial, serif;
    /* background-color: white; */
	 
}
 

@media (min-width: 480px) { /*  change fonts for smaller devices*/

    html {
		margin-left:  10% ;
		margin-right: 10%  ; 
	}

	body {
		
	    font-size:12px;
	 
		/*padding-left :20px;
		padding-right :20px;*/
	}
 
  h1 {
    font-size: 12pt;
  }
  h2 {
    font-size: 11pt;
  }  
   h3 {
    font-size: 10pt;
  }  
 
}

@media (min-width: 768px) {
 
 
	body {	 
	    background-color: #fcf5d8;
	}
}

@media (min-width: 991px) { 
	body {	 
	    background-color: #c9c2a5;
	}
}


@media (min-width: 1023px) { 
	body {	 
	    background-color: #fcf3cf;
	}
}