.cum{
    background-color: #111111;
    padding-top:5%;
}
.logo2{
    width: 14%;
    margin: 4% 4% 2%;
}
.deco2{
    width: 2%;
    height: 0.5vw;
}
.header_t2{
    margin: -1% 1% 0;
    font-size: 1vw;
    line-height: 2.4vw;
}
.wrapp {display:block;overflow:hidden; margin-top:-5%;}

.t22s {margin-top:5%!important;
margin-bottom:5%!important;}

.verde_n{
    color: #005c43;
}
.verde_nb{
    background-color: #005c43;
}
.deco_v{
    color: transparent;
    width: 20%;
    height: 2vw;
    margin: 4% 0;
}
.t1{
    font-size: 3.5vw;
    margin: 2.2% 2% 0;
}
.t2{
    width: 50%;
    margin: -2% 23% 0;
    font-size:1.4vw;
}
.img_w{
    width: 54%;
    margin: 2% 23%;
}
.brief{
    background: linear-gradient(rgba(17, 17, 17, 0), rgba(17, 17, 17, 0)), url("../foto/foto-home/fundal-paralax-1-magia.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 5% 22% 30%;
}
.t3{
    font-size: 3.5vw;
    margin-bottom:0
}
.t4{
    width: 50%;
    padding-right: 10%;
    text-align:justify;
    font-size: 1.1vw;
}
.st{
    width: 30%;
    height: 47.45vw;
}
.design{
    width: 70%;
    background-color: #111111;
    padding: 10% 4%;
    height: 47.45vw;
  
}
.res{
    background-image: url("../foto/foto-cum/fundal-paralax-3.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 15% 22% 15%;
}
.res .t4{
    clear: left;
}
.ds4{
    background-image: url("../foto/foto-cum/fundal-paralax-design-custom.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 0%;
}
.bgt{
    background-color: #111111;
    opacity: 0.98;
    margin-bottom: 35%;
    padding: 4% 22%;
}
.foto{
    background-image: url("../foto/foto-cum/fundal-paralax-fotografie-personalizata.jpg");
    background-size: 100%;
    background-attachment: fixed;
    padding: 0;
}
.foto .bgt{
    padding: 8% 0 8% 20%;
    width: 60%;
    margin:0 20%;
}
.foto .bgt .t4{
    clear: left;
    padding: 0;
}
.cpr{
    background-color: #111111;
    background-size: 100%;
    background-attachment: fixed;
    padding: 0;
}
.cpr .bgt{
    padding: 8% 0 ;
    width: 24%;
    margin:0 10% 0 22%;
}
.cpr .bgt .t4{
    clear: left;
    padding: 0;
    width:100%;
}
.cpr img{
    width: 24%;
    margin: 11% 0;
}
.bg2{
     background-image: url("../foto/foto-cum/fundal-paralax-development.jpg");
}
.word{
    background-image: url("../foto/foto-cum/custom-cms.png");
    background-size: 100%;
    padding:25% 10% 2%;
    background-repeat: no-repeat;
    margin:0;
}
.word .t3{
    width: 50%;
    text-align:center;
    margin-top: 0;
}
.word .t4{
    width: 50%;
    margin: 0;
    padding: 2% 7%;
}
.bg3{
    background-image: url("../foto/foto-cum/fundal-paralax-focus-grup.jpg");
    background-size: 100%;
    padding-top: 5%;
 
}
.mon{
    background-image: url("../foto/foto-cum/fundal-paralax-monitorizaresitestare.jpg");
    background-size: 100%;
    padding:20% 22% 4%;
 
}


@media only screen and (max-width:768px) {
	.wrapp {overflow:visible;}
	.logo2 {width:23%;
}
.header_t2 {margin-top:0;
font-size:4vw;
}

.t1 {font-size:8.5vw;
margin-top:9.2%;
    width:70%;
}

.deco_v {margin: 14% 0%;
}

.t2 {font-size:3.4vw;}
.t4 {width:100%;
font-size:3.1vw;}

.t3 {font-size:5.5vw;}

.st {width:100%; height:auto;}

.design {width:100%;
padding: 20% 10%;
height: auto;
}

.res {background-size:150%;
padding: 25% 10%;
}

.bgt {margin-bottom: 74%;
padding: 24% 10%;
}

.foto {background-image: url("../foto/foto-cum/fundal-paralax-fotografie-personalizata.jpg");
height:150vw;
}

.foto .bgt {padding: 8% 10% 8% 10%;
width: 80%;
margin: 0;
}

.cpr .bgt {padding: 28% 0;
width: 80%;
margin: 0 10%;
}

.cpr img {width: 80%;
margin: 0 10%;
}
.word {background-color:#111;
background-image:none;
}
.word .t4 {width:90%;
}
.word .t3 {width:90%;
}

.res {padding: 15% 10%;
}

.mon {padding: 20% 10%;
}

	
}