@charset "utf-8";
/* CSS Document */
.line{ background-color:#F93; width:auto; height:20px; margin:0; padding:0;}
.header{ background-color:rgba(246,246,246,1); width:100%; height:auto;}
.head{ width:90%; margin:auto;}
.logo{ float:left; width:20%; height:90px;}
.nav{ width:70%;float:left;}
.nav ul{ list-style-type:none; float:right;}
.nav ul li{ float:left; margin:20px; font-size:20px; font-family:Gabriola; font-weight:bold; text-decoration:underline;}
.nav ul li a{ color:#000;}
.nav ul li a:hover{float:left; text-decoration:underline; transition:all 0.5s ease-in-out; color:#00c92b;}
.maincnt{ width:80%; height:auto; margin:auto;}
.bnr{ width:65%; float:left;}
.rcntacts{ width:30%; height:300px; float:left;}
.rcnttxt{-webkit-border-top-left-radius: 100px;
-webkit-border-bottom-right-radius: 100px;
-moz-border-radius-topleft: 100px;
-moz-border-radius-bottomright: 100px;
border-top-left-radius: 100px;
border-bottom-right-radius: 100px; height:300px;-webkit-box-shadow: 3px 3px 10px 0px rgba(194,194,194,1);
-moz-box-shadow: 3px 3px 10px 0px rgba(194,194,194,1);
box-shadow: 3px 3px 10px 0px rgba(194,194,194,1);}
.rcnttxt h4{text-align:center;font-family:Gabriola; font-size:35px; color:#fff; padding:0; margin:0; }
.rcnttxt{ width:99%; height:250px; background-color:#b3c20a;}
.rcnttxt p{ width:80%; margin:auto; font-size:20px; padding:5px; text-align:center;}
.content{ width:100%;margin-bottom:20px;}
.content p{ width:70%; margin:auto; font-size:18px; }

#about{ width:auto; }
.abtcnt{ width:80%; margin:auto;}
#about h1{ font-family:Gabriola; font-weight:bold; color:#b3c20a; font-size:50px; margin:0; padding:0;
text-shadow: rgb(2, 2, 2) 2px 2px 3px;}

.abtcnt p{ font-size:18px;}

#activities{ width:100%;}
.actvts{ width:80%; margin:auto;}

.actvts h1{font-family:Gabriola; font-weight:bold; color:#b3c20a; font-size:50px; margin:0; padding:0;
text-shadow: rgb(2, 2, 2) 1px 1px 2px;}

#member{ width:100%;}
.mmbr{ width:80%; margin:auto;}

.mmbr h1{font-family:Gabriola; font-weight:bold; color:#b3c20a; font-size:50px; margin:0; padding:0;
text-shadow: rgb(2, 2, 2) 1px 1px 2px;}


#conatct{ width:100%;}
.cnct{ width:80%; margin:auto;}

.cnct h1{font-family:Gabriola; font-weight:bold; color:#b3c20a; font-size:50px; margin:0; padding:0;
text-shadow: rgb(2, 2, 2) 1px 1px 2px;}

.cnct p{ width:80%; margin:auto; font-size:18px;}

.footer{ width:100%; background-color:#F93; height:200px;}
.social{ width:100%; margin:auto;}
.social h1{ font-family:Gabriola; font-size:35px; width:20%; margin:auto;}
.social ul{ list-style-type:none; float:right; width:61%; }
.social ul li{ float:left; margin:10px;transition:all 0.5s ease-in-out;}
.social ul li:hover{ float:left; margin:10px; opacity:0.4; transition:all 0.5s ease-in-out; cursor:pointer;}
.footer p{ width:350px; margin:auto; padding-bottom:15px;}