.logo {
	z-index: 5;
	position: absolute;
}

h2 {
	font-family: montserrat alternates;
}

h3 {
	font-family: montserrat alternates;
}

h4 {
	font-family: montserrat alternates;
}

.has-text-align-left {
	font-family: montserrat alternates;
	font-size: 2.5em;
}

p {
	font-family: montserrat;
}


.menu { background-color: #fff; text-align: center; width: 100%; }

.menubtn { background-color: #fff; color: #67b0da; display: inline-block; border: none; text-align: center; text-decoration: none !important; }
.menubtn:hover { background-color: #67b0da; color: #fff; }
a.menubtn:visited { text-decoration: none !important; color: #67b0da !important;}
a.menubtn:hover { text-decoration: none !important; color: #fff !important;}
a.menubtn:active { text-decoration: none !important; color: #67b0da !important;}

a.cta { background-color: #67b0da; color: #fff; font-weight: 700; font-size: 20px; display: inline-block; padding: 20px 30px; border: 1px solid #f8f6f7; border-radius: 5px; text-align: center; text-decoration: none !important; }
a.cta:visited { text-decoration: none !important; background-color: #67b0da !important; color: #fff !important;}
a.cta:hover { background-color: #fff; color: #67b0da; display: inline-block; border: 1px solid #67b0da; }
a.cta:active { text-decoration: none !important; background-color: #67b0da !important; color: #fff !important;}



@media only screen and (min-width: 300px) {
  h1 {
    padding-left: 10px;
  }
	h2 {
		padding-top: 20px;
    padding-left: 25px;
  }
	 h3 {
    padding-left: 25px;
  }
	 h4 {
    padding-left: 25px;
  }
	p.has-background {
		padding-left: 25px;
	}
	.alignright {
		padding-left: 10px;
		padding-right: 50px;
		align-content: center;
		text-align: center;
	}
	.alignleft {
		padding-left: 50px;
		padding-right: 10px;
		align-content: center;
		text-align: center;
	}
	.logo {
		padding: 10px 0px 40px 35px;
		padding-top: 50px;
	}
	.has-text-align-left {
		font-family: montserrat alternates;
		font-size: 1.8em;
		padding-top: 100px;
}
.menubtn { padding: 20px 20px; }
}


@media only screen and (min-width: 600px) {
  h1 {
    padding-left: 0px;
  }
	h2 {
		padding-top: 20px;
    padding-left: 50px;
  }
	 h3 {
    padding-left: 50px;
  }
	 h4 {
    padding-left: 50px;
  }
	p.has-background {
		padding-left: 50px;
	}
		.alignright {
		padding-left: 10px;
		padding-right: 10px;
	}
	.logo {
		padding: 10px 0px 0px 40px;
		padding-top: 50px;
}
	.has-text-align-left {
		font-family: montserrat alternates;
		font-size: 1.8em;
}
.menubtn { padding: 20px 30px; }
}

@media only screen and (min-width: 1000px) {
  h1 {
    padding-left: 0px;
		padding-right: 170px;
  }
	h2 {
		padding-top: 20px;
    padding-left: 170px;
		padding-right: 170px;
  }
		h3 {
		padding-top: 20px;
    padding-left: 170px;
		padding-right: 170px;
  }
	 h4 {
    padding-left: 170px;
  }
	p.has-background {
		padding-left: 170px;
		padding-right: 350px;
	}
	.alignright {
		padding-left: 20px;
		padding-right: 80px;
	}
	.has-text-align-left {
		padding-top: 20px;
    padding-left: 130px;
		padding-right: 170px;
  }
	.logo {
	padding: 30px 0px 30px 180px;
	}
		.has-text-align-left {
		font-family: montserrat alternates;
		font-size: 2.2em;
	}
.menubtn { padding: 20px 40px; }
}


@media only screen and (min-width: 1400px) {
  h1 {
    padding-left: 0px;
		padding-right: 170px;
  }
	h2 {
		padding-top: 20px;
    padding-left: 300px;
		padding-right: 170px;
  }
		h3 {
		padding-top: 20px;
    padding-left: 300px;
		padding-right: 170px;
  }
	 h4 {
    padding-left: 300px;
  }
	p.has-background {
		padding-left: 300px;
		padding-right: 500px;
	}
	.alignright {
		padding-left: 20px;
		padding-right: 350px;
	}
	.alignleft {
		padding-left: 300px;
		padding-right: 20px;
	}
	.has-text-align-left {
		padding-top: 20px;
    padding-left: 260px;
		padding-right: 170px;
  }
	.logo {
	padding: 30px 0px 30px 300px;
		z-index: 5;
	}
.menubtn { padding: 20px 50px; }
}