/*__________________________FOR ALL___________________________*/
body {background-color:  #ffffb3} 
img {width: 100%; height: auto;}
.red {color:red}
.italic {font-style: italic;}
/*________________________ 728px To 10000px ________________________-*/
@media screen and (min-width: 728px) and (max-width: 10000px){
html {font-size: 19.23px;}   } /*needed Final Bracket*/
/*--------------------------------Divs------------------------------*/
.container {margin: auto; width: 728px;}
.header {display: inline-block; width: 100%; background-color: #FFFFB3;  margin-top: .4em;  margin-bottom: .7em; padding-top: .7em; padding-bottom: .21em;  
-moz-border-radius: 1em; border-radius: 1em; text-align: center;}
.event {display: inline-block; width: 100%; background-color: #f0dda8; margin-top: 0;  margin-bottom: 1em; padding-top: .7em; padding-bottom: .7em; 
-moz-border-radius: 1em; border-radius: 1em}
.socialmedia {display: inline-block; width: 100%; background-color:#e6e6e6;  margin-top: 0; margin-bottom: 1em; padding-top: .9em; padding-bottom: .23em;  
-moz-border-radius: 1em; border-radius: 1em}
.footer {display: inline-block; width: 100%; background-color: #ffff80;  margin-top: 0; margin-bottom: 2.3em; padding-top: .9em; padding-bottom: .6em; 
-moz-border-radius: 1em; border-radius: 1em}
.addyoureventform{display: inline-block; width: 100%; background-color: #f0dda8; margin-top: 0;  margin-bottom: 1em; padding: 1em .9em .7em .9em; 
-moz-border-radius: 1em; border-radius: 1em}
.eventersignupformform {display: inline-block; width: 100%; background-color: #f0dda8; margin-top: 0;  margin-bottom: 1em; padding: 1em .9em .7em .9em;
-moz-border-radius: 1em; border-radius: 1em;}
/*--------------------------------Hrs------------------------------*/
hr {color: red ; background-color: red; height: .22em; width: 90%; margin-top: .9em; margin-bottom: .35em; padding: 0; border: 0; text-align: center; border-radius: 10em;}
hr.linkdivider {height: .155em; width: 55%; margin-top: .2em; margin-bottom: .65em; }
/*_________________Links_______________________*/
a:link { font-family: Verdana, sans-serif; color: #006600; text-decoration: underline; padding: 0; margin: 0}
a:visited {color: #66ff66; text-decoration: underline;}
a:hover { color: #66ff66; text-decoration: none}
a.header {font-size: 1.15em; margin-bottom: .47em;}
a.socialmedia {font-size: 1.03em;  margin-bottom: .07em}
a.socialmedia:visited {color: #00e600;}
a.socialmedia:hover { color: #33ff33;}
a.foot {font-size: .94em; margin-bottom: .25em;}
a.addanevent {font-size: 1.3em; color: #006600; font-family: Georgia, serif; font-weight: bold; text-decoration: underline; padding: 0; margin: 0;}
a.addanevent:visited {color: #66ff66; text-decoration: underline;}
a.addanevent:hover { color: #66ff66; text-decoration: none}

a.nounderline {text-decoration: none; color: red;}
/*________________Text________________________*/
h1 {font-family: Georgia, serif; font-size: 1.92em; font-weight: bold; color: #800000; text-align: center; margin: -.1em 1.8em .19em 1.83em; line-height: .95} 
h2 {font-family: Georgia, serif; font-size: 1.49em; font-weight: bold; color: #800000; text-align: center;  margin: .48em 1.8em .22em 1.8em; line-height: .95}
h3 {font-family: Georgia, serif; font-size: 1.55em; font-weight: bold; color: #800000; text-align: center;  margin: 0 1.8em 0 1.8em; line-height: .95}
h4 {font-family: Georgia, serif; font-size: 1.33em; font-weight: bold; color: black;  
text-align: center; margin: 0 1.8em .40em 2em; line-height: 1.09}
h5 {font-family: Georgia, serif; font-size: 1.2em; font-weight: bold; color: black; 
text-align: left; margin: .33em 1.4em .02em 1.4em; line-height: .95}
h6 {font-family: Georgia, serif; font-size: 1.31em; font-weight: bold; color: #800000; text-align: center;  margin: 0em 1.8em .03em 1.8em; line-height: .95}
p {font-family: Verdana, sans-serif;  font-size: 1em; color: black; text-align: left; 
margin: 0 1.8em .23em 1.7em; line-height: 1.2}
p.socialmed {font-size: 1.06em;  margin-bottom: .23em;}
p.smlinks {margin-bottom: .45em}
p.addanevent {text-align: center; margin-top: -.4em; margin-bottom: .8em; line-height: 1.35}
p.thefooter {font-size: 1.06em; margin-bottom: .32em;}
p.imagecenterblackboard {text-align: center; font-size: 0; color: transparent; margin: 0;}
p.imagecenter {text-align: center; font-size: 0; color: transparent; margin: 0 0 2.6% 0; padding: 0 5% 0 5%;}
p.forminstructions {font-family: Georgia, serif; font-size: 1.21em;  color: black; text-align: left; margin: .33em 1.4em .08em 1.4em; line-height: .95}
/*_____________________Form______________*/
.fcf-form-group {margin-bottom: 3em;}
fcf-input-group {}
.fcf-form-control {background-color: #f7edd4; border: .17em solid red; margin-top: .2em; margin-right: .8em; margin-left: .8em; width: 90%;}
.fcf-btn-primary {color: #006600; font-weight: bold; background-color: #f7edd4; border-color: red; font-size: 1.2em; padding: .3em .5em .3em .2em; margin-left: 1.6em;}
         /*____________________BREAKPOINTS ___________________________*/
/* ---------------------- 670 to 727----------------------*/
@media screen and (min-width: 670px) and (max-width: 727px){
html {font-size: 18.6px;}
.container  {width: 100%;  margin: auto}    } /*needed Final Bracket*/
/* _______________  630 to 669  -------------------------- */
@media screen and (min-width: 630px) and (max-width: 669px){
html {font-size: 18.32px;}
.container {width: 100%; margin: auto}    }    /*needed Final Bracket*/
 /*--------------------------  590 to 629 ------------------------ */
@media screen and (min-width: 590px) and (max-width: 629px){
html {font-size: 18.12px;}
.container  {width: 100%;  margin: auto}    }  /*needed Final Bracket*/
/* _______________  550 to 589  _______________ */
@media screen and (min-width: 550px) and (max-width: 589px){
html {font-size: 17.51px}
.container  {width: 100%;  margin: auto}   } /*needed Final Bracket*/
/* _______________  510 to 549  _______________ */
@media screen and (min-width: 510px) and (max-width: 549px){
html {font-size: 16.6px}
.container  {width: 100%;  margin: auto}  } /*needed Final Bracket*/
/* _______________  470 to 509  _______________ */
@media screen and (min-width: 470px) and (max-width: 509px){
html {font-size: 15.5px}
.container  {width: 100%;  margin: auto}   
h2 {font-size: 1.18em; }  }/*needed Final Bracket*/
/* _______________  430 to 469  _______________ */
@media screen and (min-width: 430px) and (max-width: 469px){
html {font-size: 15.58px}
.container  {width: 100%;  margin: auto}   } /*needed Final Bracket*/
/* _______________  390 to 429  _______________ */
@media screen and (min-width: 390px) and (max-width: 429px){
html {font-size: 15.2px}
.container  {width: 100%;  margin: auto}
p.headerlinks {margin: .38em 0 .47em 0; line-height: 137%}  /*For Tapping*/   }   /*needed Final Bracket*/
 /* _______________  350 to 389  _______________ */
@media screen and (min-width: 350px) and (max-width: 389px){
html {font-size: 15.2px;}
.container  {width: 100%;  margin: auto;}   } /*needed Final Bracket*/
/* _______________  1 to 349  _______________ */
@media screen and (min-width: 1px) and (max-width: 349px){
html {font-size: 13.52px;}
.container  {width: 100%;  margin: auto;}  }   /*needed Final Bracket*/