@font-face{

  font-family:Oxygen;
  src:url(Oxygen-Regular.ttf);

}

@font-face{

  font-family:UbuntuBold;
  src:url(UbuntuBold.ttf);

}

p{
font-family:Oxygen;
font-size:22px;
line-height:28px;
}


h1{
	font-size:42px;
	line-height:47px;
}

h2{
	font-size:38px;
	line-height:42px;
}

h1 , h2 {
	font-family:UbuntuBold;
	color:#01300B;
}

.one{
background-color:#A2CBAC;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#013C0E;
}

.two{
background-color:#83B28E;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#013C0E;
}

.three{
background-color:#63976F;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#013C0E;
}

.four{
background-color:#4C8158;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#FCF5E1;
}

.five{
background-color:#245F32;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#FCF5E1;
}

.six{
background-color:#013C0E;
padding-left:22em;
padding-right:22em;
padding-top:5em;
padding-bottom:5em;
color:#FCF5E1;
}

.button {

  border: 2px solid #01300B;
  display: inline-block;
  margin:5px 4px;
  padding: 22px 22px;
  top: 0px;
}

.allbuttons {
	position:fixed;
	top:20px;
	right:35px;
	width:230px;
}

.button1{
	 background-color: #A2CBAC;
}
.button2{
	 background-color: #83B28E;
}
.button3{
	 background-color: #63976F;
}
.button4{
	 background-color: #4C8158;
}
.button5{
	 background-color: #245F32;
}
.button6{
	 background-color: #013C0E;
}

.homebutton1{
  text-decoration:none;
  border: 2px solid #01300B;
  background-color:#01300B;
  margin: 5px 4px;
  padding: 22px 22px;
  top:38px;
  left:105px;
  position:fixed;
}

.homebutton2{
  text-decoration:none;
  border: 2px solid #01300B;
  background-color:#FCF5E1;
  margin: 5px 4px;
  padding: 22px 22px;
  top:38px;
  left:100px;
  position:fixed;
}

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

h1{
	font-size:32px;
	line-height:37px;
}

h2{
	font-size:33px;
	line-height:38px;
}

p{
	font-size:20px;
	line-height:26px;
}

.all{
	padding-left:18em;
	padding-right:18em;
}

.button , .homebutton1 , .homebutton2 {
	margin:4px 3px;
	padding: 20px 20px;
}

.allbuttons {
	top:20px;
	right:35px;
	width:200px;
}

}


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

h1{
	font-size:28px;
	line-height:32px;
}

h2{
	font-size:24px;
	line-height:28px;
}

p{
	font-size:18px;
	line-height:24px;
}

.all{
	padding-left:13em;
	padding-right:13em;
	
}

.allbuttons {
	top:15px;
	right:12px;
	width:170px;
}

.button , .homebutton1 , .homebutton2 {
	margin:4px 3px;
	padding: 16px 16px;
}

}

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

h1{
	font-size:25px;
	line-height:30px;
}

h2{
	font-size:21px;
	line-height:26px;
}

p{
	font-size:16px;
	line-height:23px;
}

.all{
	padding-left:9em;
	padding-right:9em;
	
}
.allbuttons {
	top:15px;
	right:20px;
	width:100px;
}

.button , .homebutton1 , .homebutton2 {
  margin:3px 3px;
  padding: 12px 12px;
}

}

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

h1{
	font-size:18px;
	line-height:22px;
}

h2{
	font-size:15px;
	line-height:20px;
}

p{
	font-size:12px;
	line-height:19px;
}

.all{
	padding-left:5em;
	padding-right:5em;
	
}

.allbuttons {
	position:relative;
	top:0px;
	right:-500px;
	width:50px;
}

.button {

  margin:1px 1px;
  padding: 6px 6px;

}
.homebutton1 , .homebutton2 {

	position:relative;
	left:-35px;
	top:-50px;
	margin:2px 2px;
	padding: 1px 6px;
}
}

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

h1{
	font-size:16px;
	line-height:21px;
}

h2{
	font-size:14px;
	line-height:19px;
}

p{
	font-size:10px;
	line-height:16px;
}

.all{
	padding-left:4em;
	padding-right:4em;
	
}
.allbuttons {
	top:15px;
	right:5px;
	width:55px;
}

.button , .homebutton1 , .homebutton2 {

  margin:1px 1px;
  padding: 6px 6px;

}

.homebutton1 , .homebutton2 {

	position:relative;
	left:-35px;
	top:-50px;
	margin:2px 2px;
	padding: 1px 6px;
}
}