?html {
	overflow-y: scroll;
}
@font-face {
	font-family: 'happyletters-regular';
	src: url("/fonts_local/happyletters-regular.otf");
}
img {
	display: block;
	height: auto;
	max-width: 100%;
}
body {
	color: #3d3d3d;
	font-size: 16px;
}
h1, h2, h3, h4, h5 {
	font-family: 'Quicksand', Helvetica, sans-serif;
	
	color: #3d3d3d;
}
.h0 {
	color: #4c4c4c;
	font-family: 'happyletters-regular', sans-serif;
	font-size:800%;
}
h1 {
	font-size:190%;
}
h2 {
	font-size:160%;
}
h3 {
	font-size:140%;
}

p {
	font-family: 'Quicksand', Helvetica, sans-serif;
    color: #3d3d3d;
    font-size:115%;
}

td {
    color: #3d3d3d;
}
.logo {
	margin-left: 15px;
	width: 240px;
}



.text-row: {
	margin-right:5%; margin-left:5%;
}
/* navbar */

.navbar {
	font-family: 'Quicksand', sans-serif;
	border: 0px;
	min-height: 28px !important;
	text-align: center;
	margin-bottom: 0px;
}
.navbar-default {
	background-color: #fff;
}
.navbar-toggle {
    position: relative;
    float: left;
    padding: 10px 10px;
}
.navbar-nav li a {
	color: #32b19f !important;
	background-color: #fff !important;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
}
.navbar-nav li a:hover {
	color: #fff !important;
	background-color: #32b19f !important;
	transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
}
.navbar-nav li.active-page a {
	color: #fff !important;
	background-color: #32b19f !important;
	padding-top: 5px;
	padding-bottom: 5px;
	transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-webkit-transition: background .3s ease-in-out;
}
.nav.navbar-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

/* end navbar */

.homepage-text-first-line {
	font-family: 'happyletters-regular', sans-serif;
	font-size:6vmax;
	color:#32b19f;
	text-align:center;
}
.text-line-1 {
	font-family: 'happyletters-regular', sans-serif;
	font-size:80px;
	color:#32b19f;
	text-align:center;
}
.homepage-text-second-line {
	font-family: 'happyletters-regular', sans-serif;
	font-size:4vmax;
	color:#32b19f;
	text-align:center;
}
.text-line-2 {
	font-family: 'happyletters-regular', sans-serif;
	font-size:70px;
	color:#32b19f;
	text-align:center;
}
.homepage-text-third-line {
	padding-top: 0px;
	margin: 0px !important;
	font-family: 'Montserrat', cursive;
	color: #c49a41;
	text-decoration: none;
	font-size: 18px;
	text-align:center;
}
.text-line-3 {
	padding-top: 8px;
	margin: 0px;
	font-family: 'Montserrat', cursive;
	color: #c49a41;
	text-decoration: none;
	font-size: 18px;
	text-align:center;
}
.homepage-text-fourth-line {
	font-family: 'Montserrat', cursive;
	color: #ffffff;
	background-color: #c49a41;
	text-decoration: underline;
	font-size: 1.5vmax;
	padding: 0vw 5vw 0vw 5vw;
	text-align:center;
}
.text-line-4 {
	font-family: 'Montserrat', cursive;
	color: #ffffff;
	background-color: #c49a41;
	text-decoration: underline;
	font-size: 1.5vmax;
	padding: 0vw 5vw 0vw 5vw;
	text-align:center;
}
a.homepage-text-fourth-line:link { color: #fff}
a.homepage-text-fourth-line:visited { color: #fff}
a.homepage-text-fourth-line:hover { color: #9f5b04}
a.text-line-4:link { color: #fff}
a.text-line-4:visited { color: #fff}
a.text-line-4:hover { color: #9f5b04}
.homepage-text-fifth-line {
	padding-top: 0px;
	font-family: 'Montserrat', cursive;
	margin: 0px !important;
	font-size: 25px;
	text-align:center;
	color: #c49a41;
}
.text-line-5 {
	padding-top: 0px;
	font-family: 'Montserrat', cursive;
	margin: 0px !important;
	font-size: 1.5vmax;
	text-align:center;
	color: #c49a41;
}
.homepage-text-sixth-line {
	padding-top: 0px;
	font-family: 'Montserrat', cursive;
	margin: 0px !important;
	font-size: 1.5vw;
	text-align: center;
	color: #c49a41;
}
.text-line-6 {
	padding-top: 0px;
	font-family: 'Montserrat', cursive;
	margin: 0px !important;
	font-size: 1.5vmax;
	text-align: center;
	color: #c49a41;
}
.main-image {
	width: 640px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 15px;
}
.page-button-container {
	padding-top: 5px;
}
.page-button {
	font-family: 'Montserrat', cursive;
	color: #fff;
	background-color: #c49a41;
	font-size: 20px;
	padding: 10px 50px 10px 50px;
	text-align:center;
}

a.page-button:link { color: #fff}
a.page-button:visited { color: #fff}
a.page-button:hover { color: #fff; background-color: #b5892b; text-decoration: none;}
a.page-button:active { color: #fff; background-color: #b5892b; text-decoration: none;}

.page-button-container {
	margin-top: 15px;
	margin-bottom: 20px;
	text-align: center;
}
.subpage-text {
	font-family: 'happyletters-regular', sans-serif;
	font-size:2.5vmax;
	color:#32b19f;
	text-align:center;
}
.subpage-text a {text-decoration: none;}


.subpage-box {
	background-color: #eeeeee;
	margin: 8px 0px 0px 0px;
	padding: 0px 8px 25px 8px;
}
.subpage-box a {text-decoration: none;}
.subpage-box:hover {background-color: #dfdfdf}



/* START style for XS < 768 px  */
@media screen and (max-width: 767px) {
	.logo {
		margin-left: 15px;
		margin-top: 6px;
		width: 180px !important;
	}
	.navbar {
		text-align: center;
	}
	.navbar-collapse {
		border: 0;
		float: left;
		margin-right: auto;
		margin-left: auto;
		padding-top: 15px;
	}
	.text-line-1 {
		font-size: 50px;
	}
	.text-line-2 {
		font-size: 12vw;
	}
	.text-line-3 {
		font-size: 18px;
	}
	.text-line-4 {
		font-size: 3.5vw;
	}
	.text-line-5 {
		font-size: 3.5vw;
	}
	.text-line-6 {
		font-size: 3.5vw;
	}
	.page-button {
		font-size: 20px;
	}
	.page-button-container {
		margin-bottom: 40px;
	}
	.subpage-text {
		font-size: 8vw;
	}
	ul li {
		width: 220px;
		margin: auto;
		margin-top: 5px !important;
		
		border-color: #777 !important;
		font-size: 18px;
		padding-top: 1px !important;
		text-decoration: none !important;
		text-align: center;
	}
	
	ul li a {
		color: #777 !important;
	}
	ul li a:hover {
		color: #fff;
		text-decoration: none !important;
	}
	.navbar-nav li a {
		background-color: #eee !important;
		
	}
	.navbar-nav li.active-page a {
		background-color: #32b19f;
		
		
	}
	.header-row {
		position:static;
	}
	.graphics-row {
		padding-top:5px;
	}
	.text-row {
		margin-top: 10px;
	}
	.homepage-text-first-line {
		font-family: 'happyletters-regular', sans-serif;
		font-size:14vw;
		color:#32b19f;
		margin-top: -60px;
		text-align:center;
	}
	.homepage-text-second-line {
		font-family: 'happyletters-regular', sans-serif;
		font-size:9vw;
		color:#32b19f;
		padding-top: -20px;
		padding-right:0%;
		text-align:center;
	}
	
	.homepage-text-third-line {
		padding-top: 0px;
		font-family: 'Montserrat', cursive;
		color:#c49a41;
		text-decoration: none;
		font-size: 6vw;
		text-align:center;
	}
	
	.homepage-text-fourth-line {
		padding-top: 0px;
		font-family: 'Montserrat', cursive;
		color:#c49a41;
		text-decoration: underline;
		font-size: 4vw;
		text-align:center;
	}	
	
	a.homepage-text-fourth-line:hover { color: #9e6501; }
	.homepage-text-fifth-line {
		margin-top: 0px;
		font-family: 'Montserrat', cursive;
		font-size: 3.6vw;
		padding-bottom: 3vw;
		color:#c49a41;
		text-align:center;
	}
	.homepage-text-sixth-line {
		font-family: 'Montserrat', cursive;
		margin-top: -15px;
		font-size: 3vw;
		text-align: center;
		color: #c49a41;
	}
	
	.otherpage-text-first-line {
		font-family: 'happyletters-regular', sans-serif;
		font-size:12vw;
		color:#32b19f;
		margin-top: -60px;
		padding-left:0%;
		text-align:center;
	}
	.otherpage-text-second-line {
		font-family: 'Montserrat', cursive;
		font-size:4.2vw;
		text-decoration: underline;
		color:#c49a41;
		padding-top: -20px;
		text-align:center;
	}
	a.otherpage-text-second-line:link { color: #c49a41}
	a.otherpage-text-second-line:visited { color: #c49a41}
	a.otherpage-text-second-line:hover { color: #9f5b04}
	.otherpage-text-third-line {
		padding-top: 5px;
		font-family: 'Montserrat', cursive;
		color:#c49a41;
		font-size: 3.5vw;
		padding-left:20px;
		text-align:center;
	}
	.width {
		margin-left: 0%; margin-right: 0%;
	}
	.homebox {
		border-width: 1px;
		border-color: #ddd;
		background-color: #fff;
		border-style: solid;
		padding-bottom: 5%;
		padding-top: 5%;
		padding-left: 0%;
		padding-right: 0%;
	}
	.homebox-image {
		margin-right: 15px;
		margin-left: 15px;
	}
	.homebox-text {
		margin-right: 15px;
		margin-left: 15px;
	}
	.homebox-text-line-1 {
		font-family: 'Oswald', sans-serif;
		margin-bottom:0px;
		padding-top: 2px;
		padding-bottom:4px;
		text-align: center;
		color: #4c4c4c;
		font-size: 30px;
	}
	.homebox-text-line-2 {
		font-family: 'Quicksand', sans-serif;
		margin-bottom:0px;
		padding-bottom:7px;
		text-align: center;
		color: #4c4c4c;
		font-size: 16px;
	}
	.small-homebox-text {
		text-align: center;
		padding: auto;
	}
	.homebox-button {
		border: solid;
		border-radius: 2px;
		border-width: 1px;
		border-color: #bbb;
		font-size: 15px;
		text-align: center;
		color: #4c4c4c;
		background-color: #fff;
		text-decoration: none;
		margin-top: 2px;
		margin-left: 10%;
		margin-right: 10%;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 2%;
		padding-right: 2%;
	}
	.homebox-button:hover {
		background-color: #0d828c;
		color: #ffffff;
	}
	.non-homebox-button {
		border: solid;
		border-radius: 3px;
		border-width: 1px;
		border-color: #0d828c;
		font-size: 15px;
		text-align: center;
		color: #0d828c;
		background-color: #fff;
		text-decoration: none;
		padding: 10px 30px 10px 30px;
		margin-top: 15px;
	}
	.non-homebox-button:hover {
		background-color: #0d828c;
		color: #ffffff;
	}
}
/* END style for XS < 768 px  */

@media screen and (min-width: 768px) {
	.navbar {
		font-size: 18px;
	}
	.navbar-nav {
		float: none;
	}
	
	.header-row {
		
	}
	
	
	.text-row {
		margin-top: 20px;
		padding-left:20%;
		padding-right:20%;
		background-color: #fff;
	}
	.otherpage-text-first-line {
		font-family: 'happyletters-regular', sans-serif;
		text-decoration: none;
		font-size:6vw;
		color:#32b19f;
		padding-top: 11vh;
		text-align:center;
	}
	.otherpage-text-second-line {
		padding-top: 5px;
		font-family: 'Montserrat', cursive;
		color: #c49a41;
		text-decoration: underline;
		font-size: 30px;
		padding-left:0px;
		text-align:center;
	}
	a.otherpage-text-second-line:link { color: #c49a41}
	a.otherpage-text-second-line:visited { color: #c49a41}
	a.otherpage-text-second-line:hover { color: #9f5b04}
	.otherpage-text-third-line {
		font-family: 'Montserrat', cursive;
		padding-top: 20px;
		font-size: 25px;
		text-align:center;
		color: #c49a41;
	}
	.width {
		padding-left: 8%;
		padding-right: 8%;
	}
	.homebox {
		
		margin-left: 0px;
		margin-right: 0px;
	}
	.homebox-image-text-container {
		border-width: 1px;
		border-color: #ddd;
		background-color: #fff;
		border-style: solid;
		padding: 10px;
	}
	.homebox-image {
		margin-right: 15px;
		margin-left: 15px;
	}
	.homebox-text {
		margin-right: 15px;
		margin-left: 15px;
	}
		.small-homebox-text {
		text-align: center;
		padding: auto;
	}
	.homebox-text-line-1 {
		font-family: 'Oswald', sans-serif;
		margin-bottom:0px;
		padding-top: 2px;
		padding-bottom:4px;
		text-align: center;
		color: #4c4c4c;
		font-size: 30px;
	}
	.homebox-text-line-2 {
		font-family: 'Quicksand', sans-serif;
		margin-bottom:0px;
		padding-bottom:7px;
		text-align: center;
		color: #4c4c4c;
		font-size: 16px;
	}
	
	
	.homebox-button {
		font-size: 22px;
		text-align: center;
		color: #fff;
		background-color: #bbb;
		text-decoration: none;
		margin-top: 12px;
		margin-bottom: 0px;
		margin-left: 0;
		margin-right: 0;
		padding-top: 4px;
		padding-bottom: 6px;
		min-height: 18px;
	}
	.homebox-button:hover {
		background-color: #0d828c;
		color: #ffffff;
	}
	.non-homebox-button {
		border: solid;
		border-width: 1px;
		border-color: #65A8AF;
		font-size: 18px;
		text-align: center;
		color: #0d828c;
		background-color: #fff;
		text-decoration: none;
		padding: 10px 30px 10px 30px;
		margin-top: 15px;
	}
	.non-homebox-button:hover {
		background-color: #0d828c;
		color: #ffffff;
	}
}
/* END style for LG > 1200 px  */

footer {
	background-color: #9F9F9F;
	color: white;
	padding: 12px;
	margin-top: 20px;
}