.col2btn {
    display: flex;
    justify-content: space-between;
    width: 40%;
    max-width: 500px;
}
.grupe3col {
    display: flex;
    justify-content:space-evenly;align-items: center;padding-bottom: 3em;
    margin-block-end: 3em;
    border-bottom: 0.1em solid #666;
}
.grupe3col .rez1,.grupe3col .rez2{display:grid;width:25%}
.tbl-grupe{display:grid;place-self:center;width:auto}
.tbl-grupe h2{text-transform:uppercase;margin-bottom:-.2em}
.tbl-grupe .col1{width:50%;text-align:left}
.tbl-grupe .col2,.tbl-grupe .col3,.tbl-grupe .col4,.tbl-grupe .col5{width:16.66%;text-align:center;border-left:.1em solid #ccc}
.divTblRow{border-bottom:.1em solid #ccc}
.meci{margin-bottom:7vmin;place-self:center;min-width:250px;max-width:300px} 
.divTblBdy{display:table-row-group;min-width:500px}

/* Toate mobilele in portrait pana in rezolutia de 480px */
@media only screen and (max-width:480px){
	.btn{font-size:.8em;max-width:180px;max-height:45px}.btn::before{top:-25%;font-size:calc(.9em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}.btn-gri,.btn-vrd{line-height:1}
	div#btn-tablou{margin:0 auto;flex-wrap:wrap}
	.grupe3col{display:block;padding-bottom:1em;margin-block-end:1em}
	.col2btn{width:100%}.btn-org{margin-top:3em}
	.tbl-grupe{width:100%}.divTblBdy{min-width:auto;margin-bottom:2em}
	.grupe3col .rez1,.grupe3col .rez2{width:100%}.meci{margin-bottom:15%}
}

/* mobile cu rezolutii intre 375px si 395px */
@media only screen and (min-width:375px) and (max-width:395px){
    .btn{max-width:170px}.row-list .col1{width:90%}
}

/* mobile cu rezolutii intre 350px si 375px */
@media only screen and (min-width:350px) and (max-width:375px){
    .btn{max-width:160px;font-size:calc(.8em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)));bottom:-2.8em}.row-list .col1{font-size:calc(.75em + (36 - 14) * ((100vw - 320px)/ (2560 - 320)))}
}
/* doar pentru Safari 10.1+  */
@media not all and (min-resolution:.001dpcm) {@supports(-webkit-appearance:none){
    li.loc1::before{background-image:url(/img/loc1.png)}li.loc2::before{background-image:url(/img/loc2.png)}li.loc3::before{background-image:url(/img/loc3.png)}li.loc4::before{background-image:url(/img/loc4.png)}li.loc5::before{background-image:url(/img/loc5.png)}
    .winner::before{background-image:url(/img/minge-tenis-winner.png)}
}}
@media only screen and (min-width:1280px) and (max-width:1600px){
}
@media only screen and (min-width:2700px){
    .meci{margin-bottom:10%}
}