body {margin:0;
          font-family: 'Roboto', sans-serif;}


Body         a:link      { color:#7184ef; text-decoration: none}
Body         a:visited { color:#7184ef;  text-decoration: none}
Body         a:hover   { color: #7184ef; text-decoration: none}
Body         a:active  {color: #7184ef; text-decoration: none} 


.left              {float: left;
                      margin-left: 20%;
                      }  
.right            {float: right;
                      clear: }
.centertext  {font-size: 1em;
                  font-family:'Roboto', sans-serif;
                  text-align: center;
                  line-height: 7px;
                  font-size: 1.2em;}
                  
.hcenter      {text-align: center;}

.navbutton    {width: 100%;
                       height: 1.5em;
                       font-family:'Roboto', sans-serif;
                       font-size: 1.2em;
                       color: #ffffff;
                       font-weight: bold;}
#bluefill         {background-color: #517693}
                       
#callactn-mobile  {margin-left: 20px }
.copymobile           {margin-left: 20px;
                                 font-size: 1em;
                               font-family:'Roboto', sans-serif;
                               text-indent: 7px
                               }
#main-wrapper  {width: 420px}
/*End of Mobile CSS*/

hr  {height:.5}
h1  {font-family:"Marcellus"}
h2  {font-family:"Marcellus"}
h3  {font-family:"Marcellus"}
h4  {font-size:1.1em; }

#navmenu  {width: 70%;
           margin:0 auto;          
           font-family:"Marcellus", sans-serif ;
           font-size: 1.2em;               
           list-style-type: none;
           text-align: center}
#navmenu   {a:link color:#000000; text-decoration: none }
                    
#navmenu li {display: inline;       
                       padding-left: 25px}
   @media screen and (min-width: 460px) {
   
   #navmenu  {width: 95%;
                            margin:0 auto;          
                            font-family:"Marcellus", sans-serif ;
                            font-size: 1.3em;               
                            list-style-type: none;
                            text-align: center}
           
#navmenu   {a:link color:#000000; text-decoration: none }
                    
#navmenu li {display: inline;       
             padding-left: 25px}  
}

#heroimg    {width 100%; border=0;
             display: block;
             height: auto;
             margin-bottom: 0;
             }
.photoattrib  {font-size: .8em;
                        float: right;
                        margin-top:0;
                        padding-top:0;
                        line-height: .0;}
                        
#community   {text-align: center;}

#callactn  {text-align:center; 
                   margin: 0 auto
                 }

.copy            {font-size: 1em;
                  font-family:'Roboto', sans-serif;  
                  width: 60%; 
                  margin: 0 auto}
                  
 /*Blockquote formatting*/
 
.blockquote {  text-indent: -0.45em;
                       text-align: center;
                       padding: 5px 5px 5px 5px;
                       font-family:'Georgia', serif;
                       font-size:1.3em; 
                       width: 60%
                       }
.quotesource  {font-family:'Open Sans', sans-serif ;
                        font-size:.7em; 
                        color:#000000;
                        text-align:center; }

#fields       {border-style: solid;
                  border-height: .5px;
	               border-radius: 7px;
	               margin-bottom: 12px;
	               overflow: hidden;
	               padding: 0 .625em;
}
#signup   {float:left;
                 border-style: none;
                  }
  /* Grid CSS */
  
.grid-container {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 30px;
}
.box {font-family: 'Roboto', sans-serif;
}
 /* End Grid CSS */   
.textfield  input  {width: 250px;
                            border-style: none;
                            padding: 5px 5px 5px 5px;
                            float: left;
                            overflow: hidden;}
.textfield label  {float: left;}

#gallerycontainer  {text-align:center; 
                                 padding:0 0 0 0;
                                margin: 0 auto
                                 }   
 #gallerycontainer p    {font-size: 1.3em; 
                                      font-family: 'Roboto', sans-serif;
                                     
                                     } 
                                     
#galleryimages      {margin-left: 3%;}
#contactinfo  {font-size: .9em;
               font-family: 'Roboto', sans-serif;
               text-align:center;
               margin: 0 auto;
               color:#778899 }
               
#hrdsmall  { display:block;
                      text-align: center;
                     margin: 0 auto}
               
#videos  {font-family:'Roboto', sans-serif;
                  text-indent: 7px;  
                  width: 60%; 
                  margin: 0 auto}
#contactwrapper   {text-align: center;}
.contactform  {margin-left:20%; }
 /* the form */