@font-face{
        font-family:"Neutro W03_n3";
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix");
        src:url("Fonts/5a0e90c0-b183-4164-9cd4-d7fc0133fe6c.eot?#iefix") format("eot"),url("Fonts/4d1328e7-742d-40aa-bf0d-4b1226fc5537.woff2") format("woff2"),url("Fonts/7bd3aac6-46bd-4188-86e1-6a11e3ac182d.woff") format("woff"),url("Fonts/4ef97609-e86d-4b6a-9427-ad3442e33a99.ttf") format("truetype");
font-weight: 300;
font-style: normal;
    }
    @font-face{
        font-family:"Neutro W03_i4";
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix");
        src:url("Fonts/a1774840-d6fd-46ab-b42a-12dcbeabc2d3.eot?#iefix") format("eot"),url("Fonts/94de0bbd-bc22-4153-a719-a32f423ec770.woff2") format("woff2"),url("Fonts/658cab82-2ca9-410e-b557-8ceb7211f48f.woff") format("woff"),url("Fonts/c7b32484-9e6b-43e5-9c83-f64972913478.ttf") format("truetype");
font-weight: 400;
font-style: italic;
    }
    @font-face{
        font-family:"Neutro W03_n6";
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"Neutro W03";
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix");
        src:url("Fonts/66b0bc68-18ba-4446-8b0c-bfebb86c0f5e.eot?#iefix") format("eot"),url("Fonts/339b6633-ab6d-4a99-8531-af7ff9f90cf7.woff2") format("woff2"),url("Fonts/f180c1ab-e6fb-492d-9fb7-65a4e697491c.woff") format("woff"),url("Fonts/f3624533-a1b3-4a95-b1ed-7125edcb6683.ttf") format("truetype");
font-weight: 600;
font-style: normal;
    }

*{box-sizing: border-box;}
html{width:100%; height:100%; padding:0px; margin:0px;}
body{width:100%; min-height: 100%; overflow-x: hidden; padding:0px; margin:0px; letter-spacing: 1px; font-size: 18px;  background-color:#FFF; color:#343434; font-family: 'Neutro W03', sans-serif; font-weight: 300;}
.warning{color:#a20202; font-weight: 700; line-height: 1.4em;}
p{line-height: 1.2em;}
p.emp{color:#024775;}
p.larger{font-size: 22px;}
a{color:#333;}
.highlight{}
figure img{max-width: 100%;}
.smaller{font-size: 0.8em;}
.em-underline em{text-decoration: underline; font-style: normal;}
.no-wrap{white-space: nowrap;}
.content-wrap{width:100%; max-width: 1400px; margin:0px auto; position: relative; display: block; }
.content-wrap:after{content:''; display: block; clear: both;}
.content-wrap.padding-bottom{padding-bottom: 64px;}
.content-wrap.padding-top{padding-top:64px;}
.text-wrap{max-width: 1024px;}

.astrisk{font-size: 0.8em; font-style: italic; line-height: 1.2em;}
.center{text-align: center; margin-left:auto; margin-right: auto; display: block;}
.table-content{display: table; width:100%;}
.table-content .spacer{display: table-cell;}
.table-row{display: table-row;}
.table-cell{display: table-cell; vertical-align: top;}
.twelve{width:100%;}
.eleven{width:91.66%}
.ten{width:83.32%}
.nine{width:75%;}
.eight{width:66.66%;}
.six{width:50%;	}
.four{width:33.33%;}
.three{width:25%;}
.two{width:16.66%;}
.one{width:8.333%;}


.clear{clear:both;}
.learn-more{}
.red-text{color:#803022;}

aside{float:left; width:38%; margin:0px 32px 24px 0px; border:1px solid #ababab; padding:24px; background-color:#e6e6e6;}
aside.right{float:right; width:38%; margin:0px 0px 24px 32px; }

/*Form Styling */

label{ display: inline-block;   padding:4px 8px; }
input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
input[type="tel"]{display: block; width:100%; font-size:18px; padding:8px 12px; border:1px solid #999; border-radius: 3px; margin:4px 0px 12px 0px; }


input[type="text"].six,
input[type="number"].six,
input[type="email"].six,
input[type="tel"].six{width:49%; margin-right: 2%; display: inline-block; vertical-align: top;}

input[type="text"].six:last-child,
input[type="number"].six:last-child,
input[type="email"].six:last-child,
input[type="tel"].six:last-child{margin-right: 0px;}

textarea{display: block; width:100%; height:250px; font-size:18px; padding:8px 12px; border:1px solid #888; border-radius: 3px; margin:4px 0px 12px 0px;}
.radio label{display: inline-block; margin-right:12px;}
input[type="radio"]{margin-right:12px;}
input[type="date"],
input[type="time"]{display: inline-block; font-size: 18px; padding:8px 12px; border:1px solid #666; color:#999; border-radius: 3px; margin:4px 0px 12px 0px;}
fieldset{border:1px solid #666; margin:0px 0px 32px;}

select{font-size: 18px; padding:8px 12px; border-radius: 4px; color:#999; margin:4px 0px 12px 0px; display: inline-block;}
input[type="submit"]{font-size: 18px; display: inline-block; padding:8px 16px; border:1px solid #999; background:none; background-color:#eee; box-shadow: rgba(0,0,0,0.4) 1px 1px 0px 0px; margin-top:18px; transition:all 0.3s ease-out; color:#666; cursor: pointer;}
input[type="submit"]:hover{ box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; }
textarea.invalid,
input[type="text"].invalid,
input[type="number"].invalid,
input[type="tel"].invalid,
input[type="password"].invalid,
input[type="date"].invalid,
input[type="email"].invalid,
input[type="time"].invalid{border-color:#a12d3a; background-color:#f7b1b8;}

input[type="submit"].button,
.button{ color:#fff; text-decoration: none; padding:6px 8px; border-radius: 2px; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px; border:1px solid #f5b860; text-transform: uppercase; overflow: hidden; position: relative; display: inline-block; vertical-align: middle; transition:all 0.3s ease-in-out; background-color:#24baa9;}
input[type="submit"].button{padding:12px 16px; font-size: 14px;}
a.button > span{color:#fff;}
.button:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:'';}
.button > span{position: relative; cursor: pointer; width:auto; display: inline-block; padding:8px 14px; font-size: 14px;}
.button:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.button:hover:before{transform: rotate(40deg) translateX(0px);}
.submit-wrap input[type="submit"].button{position: static; margin:0px; padding:8px 32px;}
.submit-wrap{display: inline-block; position: relative; overflow: hidden; box-shadow: rgba(0,0,0,0.4) 1px 1px 1px 1px;}
.submit-wrap:before{height: 200%; width:8px; border-left:22px solid rgba(255,255,255,0.1); border-right:5px solid rgba(255,255,255,0.2); transform: rotate(40deg) translateX(-500px); transform-origin: center; transition:all 0.3s ease-in-out; position: absolute; left:15px; top:-50%; display: block; content:''; cursor: pointer;}
.submit-wrap:hover{box-shadow: rgba(0,0,0,0.4) 1px 1px 2px 2px;}
.submit-wrap:hover:before{transform: rotate(40deg) translateX(0px);}

header{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#892a8e+1,52215e+99 */
background: #892a8e; /* Old browsers */
background: -moz-linear-gradient(45deg, #892a8e 1%, #52215e 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #892a8e 1%,#52215e 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #892a8e 1%,#52215e 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#892a8e', endColorstr='#52215e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border-bottom: 10px solid #f5b860; color:#fff;
}

header .content-wrap{padding-left: 460px; padding-top:210px; padding-bottom: 80px;}
header .outer-wrap{max-width:1600px; margin:0px auto; position: relative; background-image: url(../images/PhilsFriends1.png); background-size: contain; background-repeat: no-repeat; background-position: bottom left;}
header #donate_button{position: absolute; top:24px; right:0px;}

.banner{border-bottom: 10px solid #f5b860; color:#fff; background-color:#a9a9a9;}
.banner img{width:auto; max-width: 100%; display: block;}

#Main{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6eff3+0,ffffff+100 */
background: #e6eff3; /* Old browsers */
background: -moz-linear-gradient(top, #e6eff3 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e6eff3 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e6eff3 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6eff3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#Main h1{font-weight: 500; text-align: center; margin:0px auto 118px auto; padding-top:104px; font-size: 32px;}
#Main .table-content.sections{margin-bottom: 64px;}
#Main .section{width:31%; box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px; background-color:#fff; border-radius: 2px; padding:94px 12px 24px 12px; background-size: 100% auto; background-position: top center; background-repeat: no-repeat; color:#535a5e}
#Main .spacer{width:2%;}
#Main .section.section2{width:64%;}
#Main .section.no-background{padding-top:24px;}
#Main .section.education{background-image: url(../images/Education.png);}
#Main .section.education h2{padding-top:0.5em; padding-bottom: 0.5em;}
#Main .section.equipment{background-image: url(../images/Equipment.png);}
#Main .section.modifications{background-image: url(../images/Home.png);}
#Main .section h2{text-align: center; font-weight: 500; font-size: 42px; line-height:1em;}
#Main .section h3{color:#753293; margin-top:0px;}
#Main .section.article{ padding-top:12px; margin-top:64px; margin-bottom: 128px; color:#753293; font-weight: 700;}
#Main .section.article:after{content:''; display: block; clear: both;}
#Main .section.article h2{font-size: 64px; text-align: left; margin-top:0px; }
#Main .section.article .content{float:left; width:48%;}
#Main .section.article .link{float:right; width:42%;}
#Main .section.article .link figcaption{font-size: 14px; font-weight: 300;font-style: italic;}

.our-story{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#892a8e+1,52215e+99 */
background: #892a8e; /* Old browsers */
background: -moz-linear-gradient(45deg, #892a8e 1%, #52215e 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #892a8e 1%,#52215e 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #892a8e 1%,#52215e 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#892a8e', endColorstr='#52215e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

border-bottom: 10px solid #f5b860; color:#fff; margin-top:128px;}
.our-story .content-wrap{padding:24px 0px;}
.our-story figure.wrap-img{float:right; width:58%; margin:-90px -72px 64px 48px; }
.our-story figure.wrap-img img{box-shadow: rgba(0,0,0,0.5) 1px 1px 2px 2px;}
.our-story .titleimg{display: block; margin:24px auto 32px auto;}

footer{background-color:#fff; padding:48px 0px;}
footer .copy{text-align: center; font-size: 16px; color:#753293;}

.highlight{border:5px solid #753293; padding:24px 48px; margin:48px auto;}

@media only screen and (max-width:1464px){
    .content-wrap{margin-left:32px; margin-right: 32px; width:auto;}
    
    header .outer-wrap{margin-left:-150px; padding-left: 150px;}
}

@media only screen and (max-width:1074px){
    header .outer-wrap{ width:auto; margin:0px; padding:0px; background-image: url(../images/Daddy-400.png); background-size: 38% auto;}
    header .content-wrap{padding:75px 0px 24px 38%;}
    header .content-wrap:before{content:''; display: block; width:100%; height: 48px; max-width: 600px; background-image: url(../images/PhilsFriends-title.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin:0px auto;}
    
    #Main .section h2{font-size: 27px;}
    .our-story figure.wrap-img{width:38%; margin:-72px -24px 24px 24px;}
    
    #Main .section.article .content{ width:58%;}
    #Main .section.article .link{ width:42%;}
    
}

@media only screen and (max-width:776px){
    #Main .section.section2{display: block; width:auto; margin-bottom: 24px;}
    #Main .section{display: block; width:auto; margin-bottom: 24px; padding-top:28%;}
    #Main .table-content.sections{margin-bottom: 0px;}
    #Main .spacer{display: none;}
    header .outer-wrap{background-size: 31% auto;}
    header .content-wrap{padding-left: 0px; padding-top:75px;padding-bottom: 48px;}
    header .content-wrap p:nth-of-type(2){padding-left: 38%;}
}

@media only screen and (max-width:700px){
    #Main .section.article{margin-top:0px;}
    #Main .section.article .content{float:none; width:auto;}
    #Main .section.article .link{float:none; width:auto;}
    #Main .section.article h2{font-size: 27px;}
}

@media screen and (max-width:600px){
    .content-wrap{margin-left:16px; margin-right: 16px;}
    #Main h1{font-size: 24px;}
    .our-story figure.wrap-img{width:64%; margin-right: 0px;}
    
    header .content-wrap p:nth-of-type(2){padding-left: 0px;}
    header .content-wrap{padding-bottom: 31%;}
}