.cSlideRow {
      display:grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      grid-gap: 30px;
      }
   .cSlideColor {
     font-family: PT Sans Narrow;
      font-size:12px;
      color:black;
      border: 1px solid white;
      cursor: pointer;
    }
   .cSlideCont {
      position: relative; 
      width:100%;
      padding-top: 67%;  
      /*aspect-ratio:4/5; fungerer ikke eldre browsere, bruk javascript*/
       margin: 0px;
       float: left;
       6;*/
      }

    .cSlide {
      position: absolute;
      top: 0;
      width:100%; /*maa vaere her*/
      height:100%; /*maa vaere her*/
      opacity: 1;
      object-fit: contain;
      }

      .cSlideColorActive,
      .cSlideColor:hover {
      /*opacity: 1;*/
      border: 1px solid black;    
      }
     .cSlideText{
     text-align:center;
     }
     .cSlideColorDot{
      display:inline-block;
      height:14px;
      width:14px;
      border-radius:10px;
      border: 1px solid lightgrey;
      margin:4px;
      }