*  {font-size:14px}
 .filia img {box-shadow:0px 0px 1px grey;box-sizing:border-box}

.filia img {margin-top: 25px;max-width:350px;}
.mapki, .map {border:1px solid #ccc;margin:5px 5px 5px 5px;box-sizing:border-box;box-shadow:0px 0px 5px #ccc}

  .filia a{color:brown;}
  div.filia > h2{font-weight:600;color:#000}
  .filia img {width:90%}
  .filia {text-align:center;margin:0px;margin-top: 0px;color:#555;min-height:708px}

   .cell1 .user-simple {height:110px;min-height:100px; background:white}
   
   .user-img {width: 100px;float:left;margin-right:10px;}
    
.cell1 {display:grid;grid-template-columns: 1fr 1fr 1fr}
.cell1 .filia-wrapper {grid-row: span 6}
.cell1 .map-wrapper {grid-column: 1/-1;padding:4px}

    @media screen and (max-width:1000px) {
     .cell1 {grid-template-columns:1fr 1fr}
    }
    @media screen and (max-width:650px) {
     .cell1 {grid-template-columns:1fr}
    }


    .user-simple {padding:0px;min-height:115px;overflow:hidden;position:relative;box-shadow:0px 0px 7px #eee;
      border:1px solid #ddc;background:#f7f7f7;color:#666;}
    
    .user-simple .co {font-weight:normal;display:none}  
    
    .user-simple .user-details {text-align:center;padding:10px}
    .user-simple .user-details div {padding:0 0 0px 0 ;}
    .user-simple .user-details div span b {color: black;font-weight:600;font-size:1.1em}
    .user-simple .user-details span a {color:brown;white-space:nowrap;}
    .user-simple .user-details span a.mail {white-space:normal;color:black;word-break:break-word;font-weight:600}
    
    .filia {border:1px solid #ccc;background:white;box-shadow:0px 0px 7px #ddd}

    .map {height:300px;}
    .mapki {height:200px;margin:20px;}


.cell.cell1, .cell1 .user-box, .cell1 .filia-wrapper  {padding:4px;box-sizing:border-box}


.opening-hours td{text-align:left;padding:0 10px}