* {box-sizing: border-box}
body {font-family: "Lato", sans-serif;}

.heading{
  width: 100%;
  /*height: 200px;*/
  background-color: #009933;
  margin-top: -3%;
}

h2{
  font-size: 35px;
  font-weight: 600;
  font-family: 'Cinzel Decorative', cursive;
  text-align: center;
  color: white;
  padding-top: 4%;
  padding-bottom: 4%;
}

.main{

	background-color: #f2f2f2;
	margin-top:-2%;
}

p {
  font-size: 20px;
  font-family: calibri;
  text-align: justify;
  padding-left: 5%;
  padding-right: 5%;
  /*padding-bottom: 1%;*/
  padding-top: 0.5%;
  color: #336699;

}
@media screen and (min-width:300px) and (max-width:765px){
	.heading h2{
		font-size: 20px;
	}
	p{
		font-size: 12px;
	}
}
@media screen and (min-width:766px) and (max-width:1024px){
	.heading h2{
		font-size: 30px;
	}
	p{
		font-size: 14px;
	}
}