body{
	font-family: 'Open Sans', sans-serif;
}

.container{
	max-width: 960px;
}

.container.smaller{
	max-width: 890px;
}

h1{
	font-weight: bold;
	font-size: 3.5rem;
}

h2{
	font-size:2.2rem;
	margin-bottom: 60px;
}


p, ul li{
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.small p{
	font-size: 1rem;
}

.bg-green{
	background-color: #ccffcc;
}

.bg-white{
	background-color: #fff;
}

.bg-white a, .bg-white a:hover{
	color: #000;
}


.bg-light-grey{
	background-color: #f3f6f7;
}

.bg-grey{
	background-color: #cccccc;
}

.bg-black{
	background-color: #000;
	color: #fff;
}

.bg-black a, .bg-black a: hover{
	color: #fff;
}

.bg-beige{
	background-color: #d4c6b2;
}


.border-red{
	border-top: 5px solid #9a061a;
	border-bottom: 5px solid #9a061a;
}

.border-black{
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
}

section{
	padding-top: 60px;
	padding-bottom: 60px;
}

section.no-padding{
	padding-top: 0px;
	padding-bottom: 0px;
}

.terracotta-box{
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #cc6633;
	padding: 20px;
}

div p:last-of-type {
  margin-bottom: 0px;
}

.grid p{
	margin-top: 10px;
	text-align: center;
}


.subscribe-relitive{
	position: relative; margin-bottom: -200px;
	margin-left: 100px;
}


@media (max-width: 880px) {
	.subscribe-relitive{
		position: relative; margin-bottom: -150px;
		margin-left: 0px;
	}

}


@media (max-width: 765px) {
	.subscribe-relitive{
		position: relative; 
		margin-bottom: -150px;
		margin-left: 30px;
		max-width: 60%;
	}

}


@media (max-width: 665px) {
	.subscribe-relitive{
		position: relative; 
		margin-bottom: -100px;
		margin-left: 20px;
		max-width: 60%;
	}

}

@media (max-width: 768px) {
	.mobile-bottom-padding{
		padding-bottom: 30px!important;
	}

	.mobile-center-text{
		text-align: center;
	}

	.smaller-text-mobile p, .smaller-text-mobile ul li{
		font-size: 1rem!important;
	}

}