body {
   color: black;
   }
   
   /*CSS to edit each group DIV*/
     li.media {
       padding-right: 10px;
       padding-left: 10px;
       display: inline-block;
       background-color: #455a63 !important;
       margin: 5px;
       width: 262px;
       color: white;
       padding: 1em;
       vertical-align: top;
   }
   
   /*CSS to change Email/Register Buttons */
     .media-heading .btn {
   background-image: none !important;
   background-color:#6cb5d6;
   display: block;
   padding: 1em;
   font-size: 0.8em;
   margin-top:10px;
   }
   
   .media:first-child { margin-top: 5px;}
   
   /* Group Attribute labels */
   span.al { 
      font-weight: bold;
      display: block;
      margin-top:12px;
      font-size:1.3em;
    }
   /* Group Attributes (i.e. Meeting Day, Study topic etc) */
   span.av { 
   font-weight: normal; 
   }
   
   /* Group Description font */
   span.gd { 
   font-size:1.0em;
   }
   
   
   /*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.5em;
       font-size: 1.1em !important;
   padding-top:20px;
   padding-bottom:20px;
   }