/* LOADING CIRCLE */
#loading{       width: 100%;    height: 100%;   position: fixed;        display: block; opacity: 1;     background-color: white;        z-index: 99;


                                                                display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
                                                                        display: -ms-flexbox;  /* TWEENER - IE 10 */
                                                                        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
                                                                                -webkit-box-pack: center; /* justify-content */
                                                                                 -webkit-box-orient: horizontal;

                                                                        display: -webkit-flex; /* NEW - Chrome */
                                                                                -webkit-justify-content: center;
                                                                                -webkit-align-items: center; /* New Safari */

                                                                        display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
                                                                                justify-content: center;
                                                                                align-items: center;

}
#whiteCircle  {                     width:  50px;   height: 50px;   border-radius: 50%; background-color: white;     }
#loadingCircle{                                     width:  53px;   height: 53px;   border-radius: 50%; background-color: white;

                                                                        display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
                                                                        display: -ms-flexbox;  /* TWEENER - IE 10 */
                                                                        display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
                                                                                -webkit-box-pack: center; /* justify-content */
                                                                                 -webkit-box-orient: horizontal;

                                                                        display: -webkit-flex; /* NEW - Chrome */
                                                                                -webkit-justify-content: center;
                                                                                -webkit-align-items: center; /* New Safari */

                                                                        display: flex;         /* NEW, Spec - Opera 12.1, Firefox 20+ */
                                                                                justify-content: center;
                                                                                align-items: center;

        background: linear-gradient( to bottom left, black, silver );
        animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1080deg); }
}



body, html {  margin: 0; font-family: Arial, Helvetica, sans-serif; color:black; } 

h1{ font-size: 40px;  font-weight: 700; padding: 0px 0px; margin: 0px 0px; letter-spacing: -0.05em; line-height: 40px; color: #282828;}
h2{ font-size: 20px;  font-weight: 700; padding: 0px 0px; margin: 0px 0px; padding-top: 20px; color: #282828; }
h3{ font-size: 25px;  font-weight: 700; padding: 0px 0px; margin: 0px 0px; color: #282828;}
h4{  font-size: 18px; font-weight: 700; padding: 0px 0px; margin: 0px 0px; color: #282828; letter-spacing: -0.04em;}
h5{ font-size: 18px;  font-weight: 700; padding: 0px 0px; margin: 0px 0px; color: white;}


/* WRAPPERS */
#bgWrapper      { width: 100%; }

#menuWrapper    { width: 100%; display: inline-block; text-align: right; padding-top: 10px; margin-right: 0px;}
#headerWrapper  { width: 100%; text-align: center; padding-top: 20px; }
#mapWrapper     {  width: 100%;    padding-left: 0%; padding-right: 0%; margin-top: 30px;      text-align: center;                             }

#hiWrapper,
#donateWrapper,
#faqWrapper       { width: 96%;                   padding-left: 2%; padding-right: 2%; margin-top: 20px; }

#donateResponseWrapper       { width: 80%;                   padding-left: 10%; padding-right: 10%; margin-top: 0px; text-align: center; }

.questionWrapper  { padding-top: 20px;}

#mapWrapper img{ width: 100%;  border: 0px solid black; border-radius: 0%;}



.nav            { font-size: 16px; margin-right: 20px; display: inline-block; font-weight: 700; cursor: pointer; }



#donateResponseWrapper p { line-height: 1.5em; font-family: Georgia, serif; font-size: 16px; padding-left: 15px;  }
#donateResponseWrapper i { font-size: 50px; }
#donateResponseWrapper table {display: inline;}






/* HI text */
.leftHi,
.rightHi        { display: inline-block; vertical-align: top; padding-top: 20px; padding-left: 0; padding-right: 0; }

.leftHi         { width: 100%;  text-align: center; }
.rightHi        { width: 100%;  }
.rightHi p      {padding: 0; margin: 0; font-family: Georgia, serif; font-size: 16px; line-height: 1.5em; padding-bottom: 20px; }

.hiImage        {width: 200px; max-width: 85%;  border-radius: 50%; padding: 3px 3px; border: 7px solid #282828; margin-bottom: 20px; }





/* DONATE */

.halfDonate     { width: 100%; display: inline-block; text-align: center; vertical-align: top; padding-top: 20px; padding-bottom: 20px; padding-right: 0; padding-left: 0; }

.halfDonate i   {color: #282828; text-align: center; font-size: 50px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
.halfDonate a   {text-decoration: none; color: black; text-decoration: none;}
.halfDonate p   { padding: 0; margin: 0; font-family: Georgia, serif; font-size: 16px; line-height: 1.5em; padding-bottom: 20px; padding-top: 10px; }





/* FAQ */

.faqSymbol            { font-size: 25px;  color: white; background-color: #282828;; padding: 10px; display: inline-block; border-radius: 0%; }
.faqSymbolHidden      { font-size: 25px;  color: white; background-color: #282828;; padding: 10px; display: none; border-radius: 0%; }

.faqQuestion    { display: table-cell; vertical-align: middle; padding-left: 10px; cursor: pointer; }
.faqAnswer      { padding: 0; margin: 0;  margin-left: 50px; margin-top: 20px; display: block; }
.faqAnswer p    {line-height: 1.5em; font-family: Georgia, serif; font-size: 16px;}
.faqAnswerHidden      { padding: 0; margin: 0; font-family: Georgia, serif; font-size: 20px; margin-left: 80px; margin-top: 20px; display: none;}


table td, tr { padding: 0; margin: 0;}

td { vertical-align: middle;}


#keepUpdated{ cursor:pointer;}



/* FOOTER */
#footer         { width: 100%; background-color: #282828;; margin-top: 60px;}
.footerInfo     { color: white; padding-top: 40px;  padding-bottom: 40px; margin-left: 40px; display: inline-block;}
.footerInfo p   { font-size: 14px; }