.rgroup{
 background-color:#eee;
 text-align:left;
 padding:10px;
 border: 10px solid var(--carmacolour);
 border-bottom: none;
}

.rgroup:last-of-type{
 border-bottom:10px solid var(--carmacolour);
}

.rgroup a {
 color: #000;
 font-size: 20px;
}

  @media only screen and ( max-width: 768px ){
    .rgroup a {
      font-size: 12px;
    }
    .rgroup {
      padding: 2px;
      margin-left: 10px;
      padding-left: 10px;
      border-top: none;
      border-left: none;
    }
    .rgroup::before {
      content: "\002022";
    }
    .rgroup:last-of-type{
      xborder-bottom:none;
    }
  }



  .onegroup {
   width: 45%;
/*   height: 550px;*/
   overflow: hidden;
   background: #3076B2;
   margin: 10px;
   margin-bottom: 20px;
   margin-top: 0;
   color: white;
   padding: 0;
   xxxborder-radius: 10px; /* keep? */
   float: left;
  }
  .onegroup .highlight {
   font-style: italic;
   color: #eec;
   text-shadow: 1px 1px 0px black;
  }
  .onegroup a {
/*   color: #ff0; */
   color: #ee3;
   color: #fff;
   text-shadow: none;
  }

  .aboutgroup {
   text-align: justify;
   text-align: left;
   width: 85%;
   margin: 0;
   margin-left: 40px;
   float: left;
   padding-right: 40px;
  }
  .aboutgroup p {
   font-weight: 100;
   font-size: 14px;
  }
  .aboutgroup h1 {
   color: #ee3;
   min-height: 2em;
   text-shadow: 1px 1px 1px #0003;
   position: relative;
   left: -150px;
   xxxborder-radius: 3px; /* keep? */
   padding: 5px 20px;
   width: 400px;
   background: #3076B2;
/*   box-shadow: -1px -1px 2px #000; */
   xxxbox-shadow: 2px 2px 5px #000; /* not keep? */
  }
  .grouplinks h1 {
   text-shadow: 2px 2px 1px #0007;
  }

  .aboutgroup .groupleader {
   font-weight: bold;
   font-size: 1.25em;
  }

/*
  .research-gallery .aboutgroup {
   width: 90%;
   margin-left: 15px;
  }
  .research-gallery .aboutgroup p {
   font-size: 10px;
  }
  .research-gallery .thisgroup {
   height: 300px;
   box-shadow: 3px 3px 3px #777;
  }
  .research-gallery .thisgroup h2 {
   margin-left: 20px;
  }
  .research-gallery .thisgroup li {
   list-style-type: initial;
  }
*/

  .grouppage {
   width: 80%;
   margin: 0 auto;
  }
  .groupname {
   font-size: 3em;
  }
  .grouppage h1 {
   min-height: initial;
   margin: 20px;
   margin-top: 0;
   xxxtext-shadow: 1px 1px 0 #fff, 4px 4px 1px #aaa;
  }
  .grouppage .aboutgroup h1 {
   margin: 20px;
   text-shadow: 2px 2px 3px #0007;
   background-color: #35b0e633;
   background-color: #35b0e6;
  }
  .grouppage h2 {
   color: #4447;
   margin: 20px;
   margin-bottom: 0;
   text-shadow: 2px 2px 3px #0007;
  }
  .thisgroup {
   background: #3076B2;
   margin: 10px;
   margin-bottom: 20px;
   color: white;
   padding: 0;
   border-radius: 10px;
   float: left;
   width: 90%;
   box-shadow: 2px 2px 5px #555;
  }
  .groupmembers a {
   color: #7c2d23;
   color: #ee3;
   transition: all 0.1s;
  }
  .peoplelist {
   width: 100%;
   margin-left: 30px;
   font-size: 16px;
/*   list-style-type: square; */
/*   list-style-type: disc; */
   list-style-type: circle;
   -webkit-column-count: 3;
      -moz-column-count: 3;
           column-count: 3;
/*
   -webkit-column-gap: 20px;
      -moz-column-gap: 20px;
           column-gap: 20px;
*/
         column-width: 200px;
  }
  .peoplelist li {
   margin: 2px 0;
  }

  .activitylist {
   list-style-type: none;
   width: 100%;
   margin-left: 30px;
   font-size: 16px;
  }
  .activitylist li {
   margin-bottom: 20px;
  }
  .activitylist h4 {
   margin: 0;
   padding: 0;
  }
  .activitylist h4 a {
   color: inherit;
   color: #ff6;
  }
  .thewhen, .thewhere, .theabstract {
   font-size: 0.8em;
   text-transform: uppercase;
  }
  .activitylist .groupeventheader {
   font-size: 16px;
  }
  .activitylist .groupeventtalk {
   font-size: 14px;
   margin-left: 45px;
  }

  .research-gallery {
   margin: 0 auto;
   text-align: left;
   font-size: 12px;
   padding: 10px;
   padding-top: 0;
  }

  .research-gallery .aboutgroup {
   width: 55%;
  }

  .research-gallery .aboutgroup h1 {
   min-height: 2em;
   text-shadow: 2px 2px 1px #0007;
   position: relative;
   left: -20px;
   border-radius: 0;
   padding: 5px 20px;
   width: 90%;
   xxxbackground: #3076B2;
   xxxbackground-color: #35b0e633; /* corporate light blue with transparency*/
   xxxbackground-color: #35b0e6; /* corporate light blue without transparency*/
   background-color: #1090d5a0;
   background-color: #0008;
   box-shadow: 1px 1px 5px black;
   box-shadow: none;
   font-weight: 100;
  }
  .research-gallery .aboutgroup .newgroupleader {
   color: #eee;
   font-weight: 100;
  }

  .grouplinks {
   width: 18%;
   height: 80%;
   border-left: #7c2d23 3px solid;
   margin: 40px;
   margin-left: 10px;
   padding-left: 20px;
   float: left;
   font-size: 12px;
  }
  .grouplinks ul {
   list-style-type: none;
   padding: 0;
   width: 60%;
   margin: 0 auto;
   text-align: left;
  }
  .grouplinks ul li {
   padding-bottom: 7px;
   font-weight: 200;
   font-size: 16px;
  }
  .grouplinks ul li a {
/*   color: #7c2d23; */
   color: #ee3;
   transition: all 0.1s;
  }
  .grouplinks ul li a:hover {
   color: #000;
   text-shadow: -1px -1px 1px white, -1px 1px 1px white, 1px -1px 1px white, 1px 1px 1px white;
   transition: all 0.1s;
  }

  .grouplist {
   font-size: 12px;
   width: 100%;
   margin: 0 auto;
   text-align: center;
  }
  .grouplist ul {
   list-style-type: none;
   padding: 0;
   width: 80%;
   max-width: 800px;
   margin: 0 auto;
  }
  .grouplist ul li {
   padding: 4px;
   margin: 2px;
   float: left;
   border: 1px solid black;
   border-radius: 20px;
   width: 250px;
   height: 30px;
   background-color: #666;
   color: #ff6;
   font-weight: bold;
   box-shadow: 2px 2px 3px #222;
  }
  .grouplist ul .oneline {
   padding-top: 11px;
   height: 23px; /* 30 - (padding-top - 4) */
  }
  .grouplist ul li:hover {
   background-color: #222;
   box-shadow: 1px 1px 1px #222;
  }

  .thisgroup :target > h1 {
/*   background-color: rgba(222,222,35,0.4); */
   animation: highlightgroup 0.2s 1 linear;
  }
  @keyframes highlightgroup {
   from { background-color:#ff7;  color: #000; }
     to { background-color:#fff0; color: $fff; }
  }


  @media only screen and ( max-width: 1300px ){
   .onegroup {
    width: 95%;
    xheight: auto;
    height: 285px;
   }
/*
   .peoplelist {
    width: 80%;
    margin-left: 30px;
    font-size: 16px;
    list-style-type: square;
    list-style-type: disc;
    list-style-type: circle;
            column-count: 2;
            column-gap: 20px;
   }
*/

  }

  /* this limit defines a "small" screen */
  @media only screen and ( max-width: 980px ){
   .aboutgroup h1 {
    font-size: 25px;
   }
   .grouppage h1 {
    font-size: 25px;
   }
   .grouppage h2 {
    font-size: 20px;
   }
   .grouplinks h1 {
    font-size: 25px;
   }
   .aboutgroup {
    clear: both;
    float: none;
    width: 80%;
    margin: 0 auto;
    border-right: none;
   }
   .grouplinks {
    width: 100%;
    clear: both;
    margin: 0 auto;
    padding: 0;
    padding-bottom: 5px;
    text-align: center;
    position: relative;
    left: -50%;
    float: right;
    text-align: left;
    border-left: none;
   }
   .grouplinks ul {
    margin: 20px auto;
    margin-top: 0;
    position: relative;
    left: 40%;
   }
   .grouplinks ul li {
    float: left;
    position: relative;
    margin: 0 10px;
   }
   .grouplinks ul li a:before {
    content: "\0000bb ";
   }
   .grouplinks h1 {
    display: none;
   }
   .grouplist ul li {
    width: 200px;
   }

/*
   .peoplelist {
    width: 100%;
    margin-left: 30px;
    font-size: 16px;
    list-style-type: square;
    list-style-type: disc;
    list-style-type: circle;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
   }
*/


  }