@font-face {
  font-family: 'Segoe UI Variable Text';
  src: local('Segoe UI Variable Text'),
    url('/fonts/SegoeUIVF-all.tff') format('truetype-variations');
  font-variation-settings: 'opsz' 10.5;
  font-weight: 300 700 900;
  font-style: normal;
}

body {
	font-family:'Segoe UI Variable Text', Candara, ‘Bitstream Vera Sans’, ‘DejaVu Sans’, ‘Bitsream Vera Sans’, ‘Trebuchet MS’, Verdana, ‘Verdana Ref’, sans-serif;
	font-weight: 300;
} 

img.svg {
    display: block
}
img.svg-alt {
    display: none
}
.no-svg img.svg {
    display: none
}
.no-svg img.svg-alt {
    display: block
}

nav a.url{
	display:none;
	font-size:22px;
	color:#5F7A66;
	font-weight:500;
	letter-spacing:1px;
	transition:all 200ms ease-in-out;
	
}
nav a.url:hover {
		letter-spacing:3px;
}
p a:link, p a:visited {
	color:#414542;
	border-bottom:2px solid #414542;
	padding-bottom:0px;
	transition: all 200ms ease-in-out;
}
p a:hover, p a:active {
	color:#00BA2E;
	border-bottom:2px solid #00BA2E;
}
header section.top a.mobile {
	display:block;
}
header section.top div.tablet {
	display:none;
}
header section.top img.svg, header section.top img.svg-alt {
	margin-top:-50%;
}
header section.bottom img.svg, header section.bottom img.svg-alt {
	width: 90%;
	padding: 40% 5% 35%;
}
main, section#forms {
	border-top:1px solid #DFE8E1;
	padding:50px 5%;
	width:90%;
	margin:70px auto 0;
	
}
section#forms {
	background-color:#00BA2E;
	margin:20px auto;
}
figure.infographic {
	padding-bottom:45px; 
}
h1, h2, form fieldset legend {
	display:block;
	line-height:1.5em;
	padding-bottom:30px;
	font-family:Ubuntu, sans-serif;
	font-size:24px;
	font-weight:400;
	color:#1B231D;
}
form fieldset legend {
	color:#fff;
}

.vid-container {
	position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 50px;
}

.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }

p {
	line-height:1.65em;
	color:#414542;
	font-size:16px;
	font-weight:500;
	margin-bottom:1.25em;
	
}
strong {
	font-weight: 900;
	color:inherit;
	line-height:inherit;
}
.centered {
	text-align:center;
	margin:0 auto;
	width:200px;
}
footer p {
	text-align:center;
	line-height:120px;
	font-size:13px;
}

/* 

										buttons
                                                                                      
                                                                                      
*/

p a.btn {
	display: block;
	width: 50%;
	height: 60px;
	background-color: #CC1D2E;
	color: #fff !important;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	border-bottom: none;
	border-radius: 50px;
}
p a.btn:hover {
	letter-spacing: 3px;
}
.btn-container {
	width: 50%;
}
a.kofi-button {
  border-radius: 50px !important;
  font-family:inherit !important;
  font-size: calc(0.8rem + 0.25vw) !important;
  text-shadow: none !important;
	width: 100%;
	
}

/* 

										forms
                                                                                      
                                                                                      
*/
/*

                      contact form
                      

*/
form { }
form fieldset legend {
   display: table; /* Enable line-wrapping in IE8+ */
   white-space: normal; /* Enable line-wrapping in old versions of some other browsers */
}
form label { display: none; }   /* project-specific */
.no-js form label,
.no-placeholder form label {
   display: block;   /* project-specific */
   margin: 10px 0 -20px 0;   /* project-specific */
   padding: 0;   /* project-specific */
}
input,
textarea {
   -webkit-border-radius: 30px;
   margin-bottom: 15px;
   border-radius: 30px;
   background-color: #fff;
   font-size: 18px;
   color: #5F7A66;
   text-align: center;
   width: 100%;
   font-family: inherit;   /* project-specific */
 *vertical-align : middle;   /* project-specific */
   vertical-align: middle;   /* project-specific */
   -webkit-box-shadow: inset 2px 2px 5px 0 #8b8b8b; 
   box-shadow: inset 2px 2px 5px 0 #8b8b8b;
}
input {
   height: 48px;
   padding-bottom: 2px;
   -webkit-border-radius: 30px;
   border-radius: 30px;
}
textarea {
   height: 210px;
   padding-top: 7px;
   -webkit-border-radius: 20px;
   border-radius: 20px;
}
input[type="text"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
textarea:hover { }
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
textarea:focus { color: #414141; }
button,
input { line-height : normal; *overflow : visible;
}
input[type="checkbox"],
input[type="radio"] { box-sizing : border-box; }
input[type="search"] { box-sizing : content-box; }
button::-moz-focus-inner, input::-moz-focus-inner {
padding : 0;
border : 0;
}
input::-moz-focus-inner {
 border:0;
}
input[disabled="disabled"],
input.disabled {
   color: #999;   /* project-specific */
   background-color: #f5f5f5;   /* project-specific */
}
input[type="submit"], input[type="submit"]:active {
   height: 60px;
   line-height: 44px;
   color: #414141;
   background-color: #F2F7F2;
   border: 1px solid #93d23c;
   box-shadow: 2px 2px 8px 4px rgba(0, 0, 0, 0.16);
		transition:all 200ms ease-in-out;
	cursor:pointer;

}
input[type="submit"]:hover { 
	letter-spacing:2px;
	}


/*

                      required field star <span>
                      

*/


/*

                     placeholder
                      

*/

::-webkit-input-placeholder {
color: #9EB8A4;
-webkit-transition: all 0.3s ease-in-out;
}
::-moz-placeholder {
color: #9EB8A4;
-moz-transition: all 0.3s ease-in-out;
}
:-ms-input-placeholder {
color: #9EB8A4;
-ms-transition: all 0.3s ease-in-out;
}
:-moz-placeholder {
color: #9EB8A4;
-moz-transition: all 0.3s ease-in-out;
}

:hover::-webkit-input-placeholder {
color: #1B231D;
}
:hover::-moz-placeholder {
color: #1B231D;
}
:hover:-ms-input-placeholder {
color: #1B231D;
}
:hover:-moz-placeholder {
color: #1B231D;
}

:focus::-webkit-input-placeholder {
color: transparent;
}
:focus::-moz-placeholder {
color: transparent;
}
:focus:-ms-input-placeholder {
color: transparent;
}
:focus:-moz-placeholder {
color: transparent;
}

@media (min-width:768px)
{
	body{
		max-width:100%;
		margin:0;
	}
	nav a.url {
		display:block;
		position:absolute;
		top:2.5%;
		right:5%;
	}
	header section.top {
		float:left;
		width:50%;
	}
	header section.top a.mobile {
	display:none;
	}
	header section.top div.tablet {
	display:block;
	}
	header section.top img.svg, header section.top img.svg-alt {
		margin-top:0;
		margin-left:-50%;
	}
	header section.bottom {
		width:75%;
		float:right;
		margin-left:-25%;
		}
	header section.bottom img.svg, header section.bottom img.svg-alt {
		padding:25% 30% 0 10%;
		width:60%;
	}
	main, section#forms {
	padding:50px 10%;
	width:80%;
	
}
section#forms {
	margin:70px auto 0;
	
}
	section.text, section.text2 {
		float:left;
		width:55%;
		padding-right:5%;
		padding-bottom:0;
	}
	figure.infographic {
		float:right;
		width:40%;
	}
	h1, h2, form fieldset legend {
		font-size:34px;
		font-weight:300;
	}
	p {
		font-size:18px;
	}
}

@media (min-width:1366px) {
	main, section#forms {
	padding:30px 15%;
	width:70%;
	
}
}