.servicii {
    background-image: url("../foto/foto-home/fundal-titluri.png");
    background-color: #111111;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 8% 10%!important;
}


.grup {
    width: 25%;
    padding: 7% 2%;
}

.icon_g {
    height: 3vw;
}

.t20 {
    font-size: 2vw;
    margin-bottom: 0;
}

.t21 {
    height: 5vw;
    font-size: 0.8vw;
}

.t22 {
    font-size: 1.5vw;
    margin-bottom: 0;
}

.t23 {
    font-size: 0.8vw;
}
.pp3 {width:30%; margin: 16% 0;}
.butonfinales {width:30%; margin-left:35%; margin-top:-40%; margin-bottom:-10%;}
.legal {width: 8%;
height: auto!important;
margin-bottom: -10%;
margin-top: 10%;
margin-left:17%;}

.aranjatinpagina {padding:5% 10%;
    display: flex;
    justify-content:center;
    align-items: center;
}
.nota1 {
    font-size: 2.8vw;
   text-align:left; 
   
    line-height: 3vw;
   
}
.nota2 {
    font-size: 3.8vw;
    text-align:left; 
   
    line-height: 0vw;
    
}
.nota1r {
    font-size: 2.8vw;
   text-align:left; 
   margin-right:10%;
    line-height: 3vw;
   
}
.nota2r {
    font-size: 3.8vw;
    text-align:left; 
   margin-right:10%;
    line-height: 4vw;
    
}

.desci {width:80%; font-size:1vw;  text-align:left;}
.descir {width:80%; font-size:1vw; margin-right:10%; text-align:left;}
.ilustratie {box-sizing:border-box; padding:2% 5%;}

.nextmagazin {
        font-size: 5vw;
    text-decoration: none;
    display: block;
    margin: 0 49%;
}

.icon {
  display: inline-block;
  width: 4em;
  height: 4em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}

.smallpadd {
    padding:0 5%;
}

.attentiongrabber {
        color: #333;
    background-color: #16ffe0;
}

.wrap {
    flex-wrap: wrap;
    row-gap:35px;
}

.freetext {
    width:70%;
    margin: 0 15%;
}
.col1o4 {
    flex-basis:25%;
    min-width:0;
}

.precizareextras {
    border: 1px solid white;
    padding: 2% 6%;
    border-radius:100%;
    display: inline-block;
    width: auto;
    cursor:pointer;
}

.modal {
        position: fixed;
    top: 10%;
    height: 80vh;
    overflow-y: scroll;
    width: 80%;
    margin-left: 10%;
    background-color: #111;
    padding: 10%;
    box-shadow: 0 4rem 6rem rgb(0 0 0 / 30%);
    z-index: 1000;
    transition: all 0.5s;
}
.hidden {
    display:none;
}
@media only screen and (max-width: 768px) {
    	 .nota2 {
        font-size: 6.8vw;
        line-height: 0vw;
        margin-left:10%;
        
    }
    .aranjatinpagina {
        
    flex-direction: column;
    }
    .titluag {
        width:100%!important;
    }
    .nextmagazin {
        font-size:10vw;
    }

	 .nota1 {
        font-size: 6.8vw;
        line-height: 11vw;
        margin-left:10%;
       
    }
    
	.nota2r {
        font-size: 6.8vw;
        line-height: 0vw;
        margin-left:10%;
    }

	 .nota1r {
        font-size: 6.8vw;
        line-height: 11vw;
       margin-left:10%;
    }
.descir {font-size:4.2vw; margin:5% 10%;}
	.desci {font-size:4.2vw; margin:5% 10%;}
		.carousel-wrapper {height:70px;}
	    .arrow, .light .arrow {
        background-size: 10px;
        background-position: 10px 50%;
      }

.legal {width:21%;}
.butonfinales  {width:60%; margin-left:20%;}
    .servicii {
        background-image: url("../foto/foto-home/fundal-titluri-m.png");
        margin-top: -36%;
    }
	
	.interludiu {font-size:9vw;}
.grup {width: 90%;
margin-bottom:5%;
min-height:94vw;}

.pp3 {width:100%; margin: 2% 0;}


    .t20 {
        font-size: 7vw;
    }

    .t21 {
        font-size: 3.8vw;
    }

    .icon_g {
        height: 15vw;
    }

    .t22 {
        font-size: 4.5vw;
        margin-top: 70%;
    }

    .t23 {
        font-size: 2.8vw;
    }

 

}