body {
   color: black;
   }

   /*CSS to edit each group DIV*/
     li.media {
       padding-right: 10px;
       padding-left: 10px;
       display: inline-block;
       background-color: #FFFFFF !important;
       margin: 10px;
       width: 200px;
       color: #000000;
       padding: 1em;
       vertical-align: top;
   }

   /*CSS to change Email/Register Buttons */
     .media-heading .btn {
   background-image: none !important;
   background-color:#2098C4;
   display: block;
   padding: 1.em;
   font-size: 1.em;
   margin-top:10px;
   }
   
   .media:first-child { margin-top: 5px;}
   
   /* Group Attribute labels */
   span.al { 
      font-weight: bold;
      display: block;
      margin-top:5px;
      font-size:.1.1em;
    }
   /* Group Attributes (i.e. Meeting Day, Study topic etc) */
   span.av { 
   font-weight: normal; 
   }
   
   /* Group Description font */
   span.gd { 
   font-size:.1.3em;
   }
   
   /*CSS to change group DIV size for mobile*/
   @media (max-width: 630px){
     li.media{
   width:90%;
   }
   }
   
     .media-heading{
      text-align:center;
   }
   
     .media-heading a{
   text-align:center;
   display:block;
   }
   
      img.media-object{
   width:100%;
   margin-left:-3px;
   border-radius: 50px;
   background-color: white;
   padding: 3px;
   }
   
   img{
   max-width:200%;
   }
     .pull-left{
   float:inherit;
   }
   
     .media, .media-body{
      padding:1em;
   }
   
     .media-heading a{
   color: white !important;
   }
   
     .ginfo{
       display: block;
       line-height: 1.3em;
       font-size: 1.1em !important;
   padding-top.50px;
   padding-bottom:.5px;
   }