body{min-width:320px;font-family:'Playfair Display',serif;font-size:18px;background-color:#f4af1f;color:#000;line-height:1.5;text-align:center;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} h1,h2,h3,h4,h5,h6{font-weight:400;text-transform:uppercase;} p,h1,h2,h3,h4,h5,h6,.address li{padding-left:10px;padding-right:10px} body,nav ul{padding:0;margin:0;} section ul,section ol,footer ul{padding:0} img,iframe{max-width:100%;} a img,iframe{border:none;} a,nav a:hover,.meet a:hover,.banner .give{text-decoration:none;} a,nav a:hover,.meet a:hover span{color:#063ffa;transition:ease-in-out .3s} a:hover{text-decoration:underline;transition:ease-in-out .3s} hr{border-width:1px;border-color:#eee;border-style:none none solid;margin:30px 0;} .imgLeft,.imgRight{max-width:45%;} .imgLeft{float:left;margin:5px 4% 1% 1%;} .imgCenter{display:block;margin:0 auto;} .imgRight{float:right;margin:5px 1% 1% 4%;} .clear{clear:both;} .center{text-align:center;} .container{background-color:#fff;} .golf a{color:#fff;background-color:#f4af1f;border-radius:10px;} .golf:hover a{color:#fff;background-color:#db9f1d;} .wrap{max-width:1200px;display:block;margin:0 auto;position:relative;} .table{display:table;width:100%;} .table>div{display:table-cell;vertical-align:top;} .table.half>div{width:50%;} .table.half>div:first-of-type{padding-right:2%;} .table.half>div:last-of-type{padding-left:2%;} .table.third>div{width:33%;} .table.third>div:nth-of-type(1){padding-right:2%;} .table.third>div:nth-of-type(2){padding:0 1%;} .table.third>div:nth-of-type(3){padding-left:2%;} .grid{display:grid;grid-gap:10px} .grid.mid{align-items:center} .nowrap{white-space:nowrap} nav li{display:inline-block;vertical-align:top;} footer{clear:both} footer .table>div{vertical-align:middle;} header{backdrop-filter:blur(5px);padding:0 0 15px;background-color:rgba(255,255,255,.7);position:relative;z-index:9;} header .grid{grid-template-columns:clamp(350px,40vw,420px) 1fr} header img{display:block;margin:0 auto} nav a{display:block;color:#000;padding:5px;margin:5px} nav a.btn{text-transform:uppercase} nav ul li:nth-of-type(3){display:none;} .banner{height:400px;background-size:cover;background-position:center;margin-top:-139px;position:relative;} .banner.main,.banner.main .wrap{height:800px;} .banner.main{height:800px;background-image:url(/images/main-betterdays.jpg);} .banner.about{background-image:url(/images/about.jpg);} .banner.stories{background-image:url(/images/stories.jpg);} .banner.events{background-image:url(/images/events.jpg);} .banner.donate{background-image:url(/images/donate.jpg);} .banner.contact{background-image:url(/images/contact.jpg);background-position-y:30%;} .banner.testimonial{background-image:url(/images/testimonials.jpg);background-position-y:30%;} .banner.thanks{background-image:url(/images/thanks.jpg);} .banner.family{background-image:url(/images/family.jpg);background-position-y:10%;} .banner .give{width:100px;font-size:32px;line-height:1.2;background-color:#063ffa;color:#fff;padding:50px 40px;border-radius:50%;position:absolute;top:80%;transform:translateY(-80%);right:20px;z-index:3;} .give-up{top:50% !important;font-size:20px !important;padding:30px !important;} .banner .give:hover{background-color:#0653fa;} .banner .give:hover span{display:block;transform:scale(1.05);transition:ease-in-out .3s} .banner.main .wrap:before{content:"";width:100px;height:100px;border:3px solid #098eee;border-radius:50%;position:absolute;top:70%;right:120px;z-index:2;} .banner.main .wrap:after{content:"";width:150px;height:150px;border:3px solid #f4af1f;border-radius:50%;position:absolute;top:60%;right:10px;z-index:1;} section{padding:20px 0;} section h1{font-size:30px;} section h2{font-size:26px;} section ul,section ol{padding-left:30px;} section li{margin-bottom:10px;} .hide{display:none;} .address ul{list-style:none;padding-left:0;margin-bottom:40px;} .testimonials{margin-top:05px;padding-top:25px;} form{margin:25px 0;padding:0 10px;} form .table.half>div:first-of-type{padding-right:1%;} form .table.half>div:last-of-type{padding-left:1%;} form input[type=text],form input[type=email],form input[type=tel],form input[type=submit],form select,form textarea,.input{font-family:'Playfair Display',serif;font-size:18px;outline:1px solid #ccc} form input[type=text],form input[type=email],form input[type=tel],form select,.input{margin-bottom:20px;} form input[type=text],form input[type=email],form input[type=tel],form select,form textarea,.input{background-color:#f5f5f5;padding:0 20px;border:none;} form input[type=text],form input[type=email],form input[type=tel],form textarea,.input{width:calc(100% - 40px);} label.input{display:block;text-align:left;padding:9px 20px 14px;} form input[type=text],form input[type=email],form input[type=tel],form select{height:50px;} form select{width:100%;} form textarea{height:200px;padding:20px;margin-bottom:15px;} form input[type=submit]{width:100%;background-color:#063ffa;color:#fff;padding:13px 0;border:none;outline:1px solid #0653fa} form input[type=submit]:hover,.button:hover{cursor:pointer;text-decoration:none;background-color:#0653fa;color:#fff;transition:all .3s linear .01s;} #donate{margin:40px 0;} footer .wrap{padding:20px 0 60px;} footer .table{margin-bottom:40px;} footer .table>div:first-of-type{width:65%;} footer .table>div:last-of-type{width:35%;} footer p{margin:0;} footer ul{padding-left:10px;padding-right:10px} footer strong{font-weight:400;text-transform:uppercase;} footer .table>div:last-of-type ul{list-style:none;} .ccpaNotice{background-color:#f4af1f !important;color:#000 !important} .ccpaNotice a,.meet a{color:#000 !important} #contact{padding-right:10px} .back{display:none} .btn{background-color:#063ffa;color:#fff;padding:15px clamp(20px,3vw,40px);display:inline-block;margin:20px 0;border-radius:3px} .btn:hover{text-decoration:none;background-color:#0653fa;transition:all .3s linear .01s;color:#999;} .note p{color:#999;font-style:italic;} .note{padding:20px;margin:40px 0;outline:1px solid #ddd;box-shadow:2px 2px 2px 2px #ddd;text-shadow:1px 1px #ddd} .content,.memorial{display:inline-block;vertical-align:top;} .content{width:calc(100% - 400px);padding-right:40px;} .meet span{display:block;padding-top:10px;} p.center a.btn{font-size:24px} h2 span{display:block;} @media(max-width:767px){header .grid{grid-template-columns:1fr} footer .table>div{display:block;width:auto !important;} footer p,footer li{text-align:center} footer p{margin:1em 0} footer .wrap{padding:10px 0 20px} .banner.main,.banner{height:66vw;min-height:320px;margin-top:0} .back{display:block;} .content,.memorial{display:block;width:auto;padding:0} .banner .give{top:30%;} .banner.main .wrap:before{top:20%;} .banner.main .wrap:after{top:10%;}} @media(max-width:500px){section .imgRight{float:none;margin:0 auto;max-width:100%} .table.half>div{display:block;width:auto !important;padding:0 !important} #contact{padding:0} .address p,.address li{text-align:center}} @media(max-width:400px){p.center a.btn{font-size:20px}}