html {
cursor: url('hand.png'), auto;
}

body {
	background-color: #ffffff;
	color: #197023;
  font-size: 20px;
}

/* Styles for website counter container */

h1 {
	font-size: 40px;
	font-weight: 700;
}

h2 {
  font-size: 24px;
	font-weight: 800;
}

img {
  height: auto;
  max-width: 800px;
  pointer-events: none;
}


/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media (max-width: 320px) { 
   body, {
   font-size:0.9rem;
  } 
}

@media (max-width: 640px) { 
   body, {
   font-size:0.9rem;
  } 
}

@media (max-width:960px) {
 body, {
   font-size:0.9rem;
  } 
} 

@media (max-width:1100px) {
 body, {
 font-size:0.9rem;
  } 
    img {
  max-width: 80%;
  }
}