:root {
	--longwood-blue: 4,30,66;
	--longwood-gray:  158,162,162;
	--longwood-blue-alt:  0,32,91;
	--secondary-red:  202,35,45;
	--secondary-red-tert-1: 240,83,63;
	--secondary-red-tert-2: 252,187,118;
	--secondary-blue: 0,95,158;
	--secondary-blue-tert-1:0,154,218;
	--secondary-blue-tert-2:150,209,242;
	--secondary-teal: 0,94,99;
	--secondary-teal-tert-1:0,176,189;
	--secondary-teal-tert-2:166,219,214;
	--secondary-green: 73,104,38;
	--secondary-green-tert-1:114,191,68;
	--secondary-green-tert-2:196,216,46;
}
body {
	padding: 0;
	margin:	0;
	color: #222222;
	font-family: "gotham s-sm a", "gotham s-sm b", "arial", sans-serif;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 45%;
}
	@media only screen and (max-width: 600px) {
		body {
			background-position: -30% 0;
			background-size: 65%;
		}
	}

	a[href^=tel] {
	   text-decoration:inherit;
	   color: inherit;
	}
	
	/* general reset */
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		font-weight: inherit;
		line-height: 1.3;
		color: inherit;
	}

	/* heading styles */
	h1 {
		font-size: 2.5rem; /* large title size */
		font-weight: 700; /* bold */
		margin-bottom: 1rem;
	}

	h2 {
		font-size: 2rem; /* slightly smaller than h1 */
		font-weight: 600;
		margin-bottom: 0.75rem;
	}

	h3 {
		font-size: 1.75rem;
		font-weight: 500;
		margin-bottom: 0.75rem;
	}

	h4 {
		font-size: 1.5rem;
		font-weight: 500;
		margin-bottom: 0.5rem;
	}

	h5 {
		font-size: 1.25rem;
		font-weight: 400;
		margin-bottom: 0.5rem;
	}

	h6 {
		font-size: 1rem;
		font-weight: 400;
		margin-bottom: 0.5rem;
	}

	/* optional additions */
	h1, h2, h3 {
		text-transform: capitalize; /* makes headings look neat */
	}

	h4, h5, h6 {
		text-transform: uppercase; /* use sparingly for small headings */
		letter-spacing: 0.05em;
	}


	@media only screen and (max-width: 600px) {
		.no-mobile {
			display: none;
		}
	}

	img {
		max-width:100%;
		box-sizing: border-box;
	}

	hr {
		border: 2px dashed #65bd60;
    	margin: 0;
		max-width:1200px;
		margin: 2rem auto;
	}

	.cursive {
		font-family: 'playlist','meie script', cursive !important;
	}

	.cursive.yellow {
		color:#fed05e
	}
	.cursive.coral {
		color:#f2695e;
	}
	.cursive.green {
		color:#65bd60;
	}

	div.full-screen {
		padding: 2rem;
		margin: 0 0 4rem 0;
	}

		@media only screen and (max-width: 1000px) {
			div.full-screen {
				padding: .5rem;
				margin: 0;
			}
		}
















