/* class has .
   id has #
   style is inline in html doc
*/

body {
	margin-top: 0px; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: auto;
	font-family: Arial;
        font-weight: bold;
        }
	
#textarea {
	margin-left: 20px;
	margin-right: 20px;
	}
	
	
table {
	width: 100%;
	border-collapse: collapse;
	}	
	
.center {
	text-align: center;
	align-content: center;
	
	}
	
	
img {
    max-width: 100%;
    height: auto;
    border: 0;
}


h4 {
    font-size: 16pt;
    color: black;
}

 h3 { font-size: 20pt;
       color: white;
  }
  h2 { font-size: 20pt;
       color: black;
  }
  h1 { font-size: 24pt;
       color: black;
  }
  p { font-size: 16pt;
      color: black;
  }
  
  a { font-size: 16pt;
      text-decoration: none;
  } 
  

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

h4 {
    font-size: 10pt;
    color: black;
}

h3 { font-size: 14px;
  color: white;
  }
  
  h2 { font-size: 12px;
  color: black;
  }

  h1 { font-size: 16px;
  color: black;
  }
  p { font-size: 10pt;
  color: black;
  } 
  a { font-size: 10pt;
      text-decoration: none;
  }
}